Spécifier la Dimensions des images

[jibo87]

Bonjour,

 

Dans le but d'optimisé la vitesse de chargement de mon site, je souhaite savoir comment peut-on spécifier la dimensions des images. J'ai lu que cela donnait des informations au navigateur, ce qui lui permettra de charger la page plus rapidement.

 

Connaissez vous une solution ?

Merci d'avance

[Szed]

Il faut que tes balises <img aient les attributs height et width remplis.

De cette façon, le navigateur sait directement la taille d'affichage de l'image.

[jibo87]

Bonjour et merci pour votre réponse. Dans un premier temps j'aimerais faire cela sur ma page d'accueil.

Je suis novice, ma question est, comme ajouter ces attributs, quelle fichier doit être modifier et quoi mettre surtout.

[Szed]

Sur la page d'accueil, vous utilisez surement le module HomeFeatured.

Il vous faut donc aller modifier le .tpl de ce module qui se trouve dans :

 /themes/votretheme/modules/homefeatured/homefeatured.tpl

 

Si il n'est pas la, alors il faut aller modifier directement dans le module :

/modules/homefeatured/homefeatured.tpl

 

Dans votre fichier, vous cherchez la balise <img (il ne devrait y en avoir qu'une), et vous ajouter si elles n'y sont pas déjà, les attribut width="50" height="100" (50 et 100 étant un exemple...).

 

De façon à avoir normalement :

<img src="" alt="" title="" width=50" height="100" /> (avec src, alt, et title qui devrait déjà être correctement remplis.

[jibo87]

Je ne comprend pas trop le procédé..Ce que je voudrais faire c'est attribué chaque image de la page d'accueil, et il y en pleins, toute de dimensions différentes. Il faudra donc que j’attribue une dimensions spécifique pour chaque image.

 

[Szed]

Moi je vous parle des images produits sur la home, donc celle de votre block produit phares.

 

Ensuite, effectivement, et idéalement il faut que chaque image HTML aient les attribut width et height.

Donc il faudrait le faire pour tout les modules présent sur la home.

 

Apres, si la modification de fichier .tpl ne vous parle pas, il faudra soit vous forcer à apprendre, soit passer par un prestataire

[jibo87]

OK, je viens de comprendre. Tout est claire, il me faut donc modifier Chaque TPL, de tout les modules et contenu de la page si je comprend bien.

Je vous remercie beaucoup de m'avoir éclairé, j'essaye et je vous tiens au courant

[jibo87]

Ouii, ça fonctionne correctement.

Merci encore pour votre aide

[jibo87]

Bonjour,

 

Je reviens vers vous pour un soucis similaire, j'ai bien réussi a configurer la majorité des dimensions des images sauf pour le module Nouveau produit, voici mon code :

 

Code Nouveau Produit du Thème :

 

 

img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'medium')}" alt="{$product.name|escape:html:'UTF-8'}"width=80" height="80" /></a>

 

il y a bien la dimension, cependant, le rapport d’optimisation de Gtmetrix me dit qu'il ne sont pas mentionnées.

 

Code Nouveau Produit par defaut :

 

 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'medium_default')|escape:'html'}" height="{$mediumSize.height}"

 

C'est peut être pour cela que les navigateur ne reconnais pas la dimensions de l'image ?

[Szed]

Et que voyez vous vraiment en inspectant le site ?

[jibo87]

Visuellement, la taille est bonne, côté code source de la page j'ai ceci :

 

 

<img src="http://import-apple.com/5993-medium/fournisseur-coque-plastique-ipad-mini-londre.jpg" alt="Coque Plastique iPad Mini Londre"width=80" height="80" />

[jibo87]

J'ai une piste..

Lors du test de la page d'accueil, tout est bon.

C'est lorsque je teste une page produit que les dimensions attribuées ne sont plus actives.

Ex : http://import-apple.com/coque-plastique-ipad-mini/2422-fournisseur-coque-plastique-ipad-mini-londre.html

 

Les modules affichés (Nouveau produit, déjà vu...) ne donne pas l'information des dimensions lorsque qu’on navigue sur une page produit. Sur la page d'accueil, ok

[Szed]

Bizarre ca...

Sur une page produit, je ne vois que le bloc promo et le bloc "Autre produit dans la même categorie (module productscategories) qui n'ont pas la taille spécifié.

Le reste, c'est bon.

[zepelucheclub.com]

bonjour je relance le topic j ai un prestashop avec leotheme quel fichier dois je modifier pour avoir width and height sur la fiche produit

merci d' avance

[Ariane Web et Plus]

Bonjour idéalement il vaut mieux relancer un sujet (avec votre version de presta). Vous allez avoir plus de réponse.

Ce n'est pas un fichier à modifier mais  la taille des images dans apparence-> Img (pour les images produits)

Pour les autres images elles se mettent à la taille en fonction de la taille de votre image.

Edited April 26, 2023 by Ariane Web et Plus (see edit history)