Image dans la colonne pressée

Salut,

je pense que ce n'est pas normal car les colonnes sont redimensionnées concernant la taille de l'écran. Habituellement sur le modèle réactif, une propriété maximale-largeur: 100% est appliquée sur toutes les images pour les rendre réactives. Si vous ne l'avez pas, les images ont une taille fixe, elle ne fonctionnera pas sur un petit écran.

Voir le sheet attaché se produit avec 3 colonnes généralement.

Acclamations,

Bien que ce soit longtemps après le problème, je dois pousser cela parce que j'ai le même problème. Et j'ai découvert la cause de ce comportement: cela se produit si vous redimensionnez les images et modifiant tout paramètre de l'image dans la boîte de dialogue de la propriété d'image (ou est-il appelée propriété d'image? Je n'utilise pas la version anglaise)
un exemple: je mets une image dans mon article et le redimensionne en le réalisant par souris à 400x300px. Dans le code source, il y a
width = "400" hight = "300".
Maintenant, doublez l'image pour démarrer la boîte de dialogue de la propriété de l'image et cliquez simplement sur OK. Maintenant, le SourceCode a changé en
img style = "width: 400px; hight: 300px;"
C'est simplement une autre façon de mettre le paramètre de taille dans HTML mais le style = "... Way fait des images pour une raison quelconque se serre-t-il lors du redimensionnement de la fenêtre du navigateur.

Existe-t-il un moyen de modifier le codage?

Salut,

merci pour les commentaires à ce sujet. Pouvez-vous me publier ici une capture d'écran des paramètres d'image que vous m'avez dit?
Soit dit en passant, n'utilisez pas de poignées pour redimensionner les images dans votre contenu, vous obtiendrez des images affichées dans une dimension non naturelle que les sorcières ont le double avantage d'être lourd et d'obtenir une mauvaise qualité à l'affichage. Cela peut également causer un problème dans la partie réactive.

Acclamations,

Merci Tristan pour la réponse, bien sûr, je peux faire des captures d'écran.

J'ai fait un exemple simple avec une image qui a la taille d'origine de 800x535px.

1. Rédigez-vous en utilisant les poignées directement dans Drop Editor (BTW. Rien de mal à le faire de cette façon tant que vous restez proportionnel). Verrouillez le navigateur rétréci, l'image est dans le bon rapport et entièrement réactive. [Residize_in_dropedit_by_handles.png]

2. Ensuite, j'ai double-cliqué sur l'image pour ouvrir les propriétés-dialogue, n'a rien changé - seul clicait «ok». Le code source a changé comme vous pouvez le voir et la même image dans le même navigateur rétréci est montrée pressée et non réactive. [Residize_by_properties-dialog.png]

J'espère que cela rendra le problème plus clairement et aide à DropEditor (je pense que De est l'éditeur de Joomla le plus intelligent).

D'ailleurs. C'est un autre point, mais, serait-il possible d'obtenir un champ de classe d'image dans la boîte de dialogue Propriétés des images? Cela rendrait les changements de classe un peu plus confortables.

Cordialement, Frank

Salut,


OK, je crois avoir compris. Ce problème provient de l'ancien outil d'édition d'images intégré (uniquement la propriété du bouton image).
Nous travaillons sur une mise à jour de Droppics qui résoudra ce problème en générant des vignettes dynamiques.

Concernant la taille naturelle des images, ce n'est qu'un conseil et cela ne change rien au problème. Un format trop grand ralentit votre site web et est détecté comme une erreur par tous les outils d'analyse SEO. Sous Chrome, l'outil de gestion des poignées a été supprimé de l'éditeur.

Cordialement,

OK, ce serait une excellente mise à jour.

Avant, je le faisais manuellement avec droppics (Pro) en générant un duplicata personnalisé. Une vignette générée automatiquement serait bien plus pratique, et je la recommande vivement. Mon problème, c'est que les images insérées dans les articles à leur taille maximale apparaissent floues sur les écrans haute résolution. Par exemple, une image de 400 x 300 px insérée dans un article s'affiche correctement sur mon écran de bureau (72 ppp), mais sur une tablette (moins de 200 ppp), elle est floue (à cause du redimensionnement du navigateur). Une image de 600 x 448 px redimensionnée à 400 x 300 px est beaucoup plus nette sur les écrans haute résolution. Certes, la taille des fichiers est un peu plus importante, mais pas tant que ça… Pour les écrans haute résolution, je ne connais pas d'autre solution pour obtenir des images nettes.

Cordialement, Frank

OK, ce serait une excellente mise à jour.

Avant, je le faisais manuellement avec droppics (Pro) en générant un duplicata personnalisé. Une vignette générée automatiquement serait bien plus pratique, et je la recommande vivement. Mon problème, c'est que les images insérées dans les articles à leur taille maximale apparaissent floues sur les écrans haute résolution. Par exemple, une image de 400 x 300 px insérée dans un article s'affiche correctement sur mon écran de bureau (72 ppp), mais elle est floue sur une tablette (200 ppp) à cause du redimensionnement du navigateur. Une image de 600 x 448 px redimensionnée à 400 x 300 px est beaucoup plus nette sur les écrans haute résolution. Certes, la taille des fichiers est un peu plus importante, mais pas tant que ça… Pour les écrans haute résolution, je ne connais pas d'autre solution pour obtenir des images nettes.

Cordialement, Frank.

PS : Désolé de poster ce message à nouveau, le système a tronqué mon texte à cause de la flèche. Je ferai plus attention à mes prochains messages.