Aucune optimisation des images avant publication
Auteur : Rodolphe W.
Visité 2321,
Followers 1,
Partagé 0
Bonjour,
J'aieffectué des tests de rapidité de mon site sur différents outils et je suis étonné :
Les images ne sont pas optimisées avant publication. Sur ma page d'accueil, j'ai un jpeg de 1,3 Mo !
Pourtant il y a une option qualité et que je mette 10 ou 100 l'image à le même poids.
Il s'agit de la photo sur la page d'accueil du site www.laverie-carcassonne.fr
Dois-je moi-même uploader l'image, l'optimiser et la re-downloader par ftp ???
Merci si vous avez des idées...
Posté le
Salut Rodolphe,
Un peu de documentation :
Qualité : permet d'indiquer le niveau de qualité à maintenir pour enregistrer l'image en .JPG. Toutes les images importées sont automatiquement converties au format .JPG ou, si vous avez défini la transparence, au format .PNG. Pour l'enregistrement en .JPG, plus le taux de compression est élevé, plus la qualité sera basse.
Voir section Affichage : http://help.websitex5.com/fr/v12/pro/ogg_immagine.htm
Ton image est au format PNG (+ transparence) et ne peut donc faire l'objet d'un éventuel taux de compression directement sur le logiciel comme pour le format JPG.
Tu peux essayer de traiter cette image avec un logiciel photo pour réduire son poids, puis remplacer celle actuellement sur le projet.
@+, J.P.
Auteur
Merci Jiper85, toujours au poste !
J'imaginais bien que ce taux de qualité équivalait au taux de qualité jpeg.
Mais je pensais qu'il s'appliquait à tous les formats même png.
1) le png à aussi un taux de compression (ou de qualité de 1 à 9 je crois dixit gimp) !
2) j'upload une image de 1700 pixel de large, je m'attendais à un redimensionnement de l'image. Même en taille largeur max, on n'atteint pas cette taille. J'apprécie la possibilité de ne charger l'image que si elle est affichée. Quand on sait développer cela, on doit pouvoir développer des fonctionnalités sur le programme .
3) l'aide est indigeste. Un ramassi pire que la Bible (au niveau texte et interprétation). Mais heureusement que tu ne prends pas trop mal mes questions et le fait que je ne m'y repporte que rarement. Mais tout de même cherché sur le forum anglais/français sans trouver cette réponse.
4) pourquoi proposer une option qualité si il ne se passera rien (je continue à demander des [?] à coté des options pour avoir une aide immédiate.
Je peux repartir de cette image que je convertirai en jpeg.
Si j'applique tous les effets comme ceux actuels, est-ce que le champ qualité aura un impact sur l'image ? Est-ce l'image originale ou créée avec les effets qui est optimisée ?
Mais toujours pas de redimensionnement, donc ?
Auteur
Désolé Jiper, j'ai répondu trop vite et en pensant qu'effectivement mon image était en png. ET BIEN NON mon image est en jpeg, c'est le logiciel qui créé un png !
Donc que faire ? Une page d'accueil de 1,8Mo c'est énorme (pour l'objectif).
Voir l'écran ici http://screencast.com/t/4X75UsFGAU
et ici http://screencast.com/t/GH6PH7fZdw
Et avec ces paramètres, cela génère une image de 1,3Mo. L'image de départ fait 2,1Mo
Hello Rodolphe,
Ton logiciel a du enregistrer l'image en PNG après mise en place des bulles sans doute ? Elles apparaissent en transparence chez moi. Ton image transformée en JPG sans les bulles, compression 90, fait 147 Ko. Avec "mes bulles" (je n'ai que ça sous la main) = 214 Ko. Voir en pièce jointe mon bricolage avec la photo pompée sur ton site.
As-tu essayé de faire "enregistrer sous" tout en choisissant "type de fichier JPG" ? A partir de là tu as la possibilité de choisir aussi le taux de compression pour en alléger le poids.
Perso je traite toutes mes photos en dehors du logiciel avant de les mettre en place sur mes projets. Un peu de boulot certes, mais au moins je suis sûr de ce que je mets en place.
Nous avions vu, il y a quelques temps déjà, que le logiciel avait tendance à alourdir les photos traitées directement (ajout d'un masque par exemple). Nous en avions discuté il n'y a pas très longtemps... Je vais voir si je retrouve le sujet.
@+, J.P.
J'ai trouvé...
https://helpcenter.websitex5.com/post/128171
@+, J.P.
Auteur
Merci Jiper85.
Je te confirme après test website :
taille_image_siteweb = (taille_image_original + chouia) *1,chouia
Bref jamais moins.
C'est website qui crèe un png à partir de mon jpeg. Je sais plus s'il y en avait une, mais j'ai pas trouver de case "enregistrer en jpeg", pourtant ca me dit quelques choses.
J'ai tester aussi selon différent degré (bilineare....) change rien.
Il semble que Incomedia s'est fait plaisir en ajoutant : 1) coefficient qualité 2) méthode de compression qui ne servent à rien. Autant mettre un bouton avec une jolie femme en bikini :-(
Je suis chef de proj et responsable d'un site de vente en ligne (la laverie ca fait pas vivre) php mysql oscommerce html5 (un petit peu).
Pour des sites vitrines, je voulais un editeur simple. Perdu !
Pour l'utiliser, il faut 1) être archélogue multilingue pour creusez dans le forum 2)vicaire pour lire l'aide en ligne 3)Mac Gyver pour modifier les photos avant de les importer.
Heureusement que j'ai l'outil.
RE- JE SUIS DECU
Merci Jiper85. On peut mettre le sujet en "Abandonné - le logiciel sait pas faire une tâche d'optimisation" snif ?
Auteur
J'ai essayé d'optimiser la photo sur la page d'accueil (qui rappelons le, est un png créé par website à partir de ma photo en jpg) avec ce que j'ai sous la main (gimp) et je suis arrivée à pas grance chose : 1,33 Mo à 1,2 Mo. Innacceptable sur une page web...
La photo jpeg que j'utilisais faisait 1,8Mo, donc je l'ai optimisé (avec gimp) en réduisant un peu la taille et compression à 85. La photo jpeg fait 134Ko. Je la recharge dans website, je laisse mes effets, cadres...je modifie un effet, histoire que je sois sur que l'on part bien d'une photo de 157Ko.
Export...
La png de sortie pèse 1,2Mo
Je vais chercher si je peux indiquer de générer une jpg car c'est inacceptable .
J'ai essayer d'optimiser cette nouvelle png mais toujours 1,2Mo
Il ya forcément un truc à faire. On peut pas laisser des photos à 1,2Mo. Et je vais pas faire les effets (plutôt sympa) dans Gimp....ou alors convertir en jpg la png qui a les effets en source et ne plus faire d'effet dans website. Mais si je veux changer un effet ? Alors quoi fait un autre projet qui sert juste à générer des photo légères... pffff
Quelqu'un de Incomedia peut-il m'apporter une aide ?
Auteur
En parcourant le forum, j'ai vu qu'il pourrait y avoir des problèmes de cache ou de nom de fichier.
Ma jpeg source, je l'ai renommée et resélectionnée. Elle fait toujours 157Ko.
J'ai cliquer sur modifier pour aller dans l'éditeur d'image. J'ai bien mes effets.
Je ne sais pas son utilité, mais il y a un bouton souvegarder. Je clique, il me propose de sauvegarder l'image avec les effets mais en png. Et là l'image fait 1,3Mo. Le bouton de sauvegarde ne propose que le png.
Ca commence à me gonfler menu....
Hello Rodolphe,
Il n'est pas nécessaire d'enregistrer l'image dès lors que tu as appliqué certains effets depuis le logiciel. L'enregistrement n'est prévu qu'en PNG (allez savoir pourquoi) qui augmente effectivement le poids de la photo. J'ai fait des tests d'allègement de PNG en ligne sur un site spécifique et le poids est toujours important dans ce format.
Sur le logiciel les effets appliqués sont conservés sur l'image lors de son affichage ultérieur sans cliquer sur "Enregistrer" (auquel cas l'image reste en format JPG) mais elle est alourdie. Tu peux la retrouver dans le dossier "Preview", sous-dossier "Images" avec les ajouts graphiques.
Dans la pratique, par exemple : photo de mon petit chien. Elle pèse 103 Ko en JPG.
Je l'ouvre sous PhotoFiltre Studio et je l'enregistre en PNG. Elle fait 503 Ko en automatique et 672 Ko sans aucun filtrage. En filtrage "haut" 555 Ko... et ainsi de suite...
Avec XnView 566 Ko.
D'où l'avantage de la préparer sur un logiciel externe et de l'importer sur la page dans son poids d'origine, sans rien changer.
J'espère que je suis à peu près clair dans mes explications ? Pas évident...
@+, J.P.
Salut, suite...
Nouveau test ce matin par curiosité avec Zoner Photo Studio toujours avec la même image.
En utilisant la compression à 5 (maxi 9 possible) j'arrive à une image de 816 Ko avec l'entrelacement et 611 Ko sans.
Si je conserve la photo en JPG et que j'applique un filtre simple (3D Buttons) j'arrive à une image de 143 Ko.
Convaincu et moins en colère ? (rire...;o)) - Bon week-end !
@+, J.P.
Auteur
Bonjour Jiper85,
Merci de ton intérêt pour mon problème. Mais je trouve que l'on est un peu seul :-(
J'ai joué avec le bouton enregistrer pour voir si quelque part il pouvait y avoir un moyen d'utiliser le format PNG.
Ben non, j'ai l'image en png. (j'ai pris une nouvelle copie en jpg pour éviter des effets de bord et ne suis pas allé dans l'éditeur de photo).
Convaincu et moins en colère ? (rire...;o)) - Bon week-end !
@+, J.P.
Euh... Convaincu qu'on ne peut pas mettre de photo sur une page, oui ! convaincu.
En colère, ouais je crois que mon website, je crois que je vais l'éparpiller façon puzzle
Donc, INIMAGINABLE DE METTRE UNE PHOTO EDITEE AVEC L'EDITEUR INTEGRE SUR UN SITE WEB !!!
Moi qui est commencé une page photos, si elle doit faire 20Mo, inimaginable.
Il faut faire remonter Jiper85 (sans donner d'ordre).
Je suis étonné que personne d'autres ne s'inquiète de cela...
Auteur
En début de post, je voulais dire jpeg.
Test : je prend la png générée, je la convertie en jpg (85%) je passe de 1,3Mo à 150Ko.
J'ouvre la jpeg et la reconvertie en png : 850Ko (compression 9, plus de calques...).
Donc :
1,3Mo ->> 150 Ko ->> 850Ko
Déjà c'est possible de réduire la png doit moins 40%.
Oui le png, c'est format top classe, mais si on sait pas faire, il faut nous laisser bosser en jpeg.
En pis aller (oui ca s'écrit comme çà, j'ai vérifié) je vais convertir en jpeg et modifier le source, mais effets de bord possible avec les différents format d'affichage...
Auteur
Un dicton dit plus on teste moins on comprend (non ca existe pas?)
Mais mis les 2 images sur 2 pavés l'une au dessus de l'autre.
Les 2 images sont en jpg. Pour la 2ème, je ne suis pas entré dans le module editeur.
Dans adaptatif, j'ai caché la première image (qui elle a des effets de l'éditeur) pour les résolutions inferieures.
Et en mode tablette ou smartphone, j'ai une jpg qui s'affiche.
Question : est-ce le fait d'entrer dans l'éditeur que l'image générée sera en png au lieu de jpg ? Si on ne clique pas sur modifier, aura-t-on toujours la jpg ?
Ca devient intéressant
Hello Rodolphe,
Effectivement le module de gestion d'un objet image enregistre la dite image en PNG dès qu'on lui applique un des effets proposés sur le logiciel en alourdissant son poids. Et je comprends ton désapointement (ou ta colère ;o)).
Il en est de même quand on applique des miniatures sur les galeries : le fichier créé est au format PNG (exemple : image JPG 81 Ko, fichier Thumb 40 Ko, donc une image à 121 Ko).
Je suis modérateur depuis 2009 et je n'ai pas souvenir d'avoir vu des questions sur ce sujet, en dehors de la page que je t'ai indiquée plus haut, et celle là (en anglais) :
https://helpcenter.websitex5.com/post/121571
Personnellement (je fais et travaille beaucoup de photos), je préfère utiliser le format JPG, ce qui ne m'empêche pas d'apporter des "petits plus" sur la photo quand le besoin se fait sentir (cadre, décor, etc., ce que j'appelle du photomontage) depuis mes logiciels de traitement de photos.
Je privilégie le format PNG quand j'ai besoin de faire une image ou un graphique nécessitant une transparence pour une meilleure intégration sur une page Web par exemple sans avoir un fond disgracieux. Mais je construis moi-même ce graphique.
Et je n'utilise jamais le gestionnaire d'image du logiciel puisqu'il ne me safisfait pas... Toutes mes images sont préparées à l'avance et mise en place sur mes projets telles que je les ai conçues. Pas d'action ni d'enregistrement sur le module Objet image ! Uniquement les onglets "Affichage" et "Plan du site" si besoin. ;o))
Tu pourrais ouvrir un nouveau sujet en "Idée" pour proposer sur les futures versions un véritable outil de gestion de photos qui permettrait de mieux gérer le format JPG.
@+, et bonne soirée,
J.P.
Tu as posté pendant que je pianotais et faisait des tests à tout va ! ;o)
Je n'ai pas de tablette et mon Iphone est HS, mais je confirme que si on ne clique pas sur "Modifier" sur l'objet image elle reste en JPG.
C'est ce que je fais sur mon site photo où je dois avoir plus de 2 500 clichés (en réalité 6 174 fichiers dans mon dossier Gallery avec les présentations et les miniatures).
Si tu cliques sur "Modifier" pour ajouter un masque ou un effet, etc. elle sera enregistrée en PNG.
A savoir aussi que suivant le nombre de cases utilisées pour afficher la photo (création de la page), le logiciel peut enregistrer une photo plus légère (pour mon exemple du petit chien : 4 cases photo 103 Ko, 1 case photo réduite 36 Ko). Tu peux t'amuser à faire des essais pour voir...
@+, J.P.
Auteur
Personne ne s'en plaint ? Je n'ai pas encore fait beaucoup de chose avec ce logiciel (comme les galeries que tu evoques) mais je connais suffisamment le sujet de l'indexation des sites et l'expérience utilisateur pour trouver ce fonctionnement non professionnel.
Ou alors tout le monde ruse. Le module de traitement d'image est plutôt bien, je n'en trouve pas autant sur Gimp. Mais le fichier généré n'est pas exploitable.
Donc en attendant que l'on puisse générer un jpg avec l'éditeur intégré, je devrais repasser par la case conversion en jpeg. Super.
Peut-être que le bouton enregistrer de l'éditeur est là pour cela ! "on ne sait pas faire un jpg, vous pouvez le faire pour nous et remettez l'image dans une autre case. Merci madame, monsieur l'utilisateur".
Connais-tu un logiciel du traitement d'image, un peu comme celui de website. Gimp n'a pas tous ces "gadgets" ?
Comment et à qui parler de ma déception de ce fonctionnement ? Faut-il que je repose ma question en anglais ?
Merci jiper
Comme je te le suggérais un peu plus haut, tu peux ouvrir un nouveau message en "Idée" pour expliquer ta déception sur ce fonctionnement et demander une amélioration qui permettrait de traiter le JPG aussi.
Si tu pratiques l'anglais tu peux... Le support ne connaît pas le français et utilise un traducteur automatique. Risquerait de se perdre un peu avec notre (très) longue discussion sur le sujet.
Pour le logiciel de traitement d'images je ne saurais t'en conseiller un plutôt qu'un autre mais il en existe des gratuits comme Photoscape, Photo Filtre (ou Photo Filtre Studio dans sa version payante) ; sinon les usines à gaz comme on dit (Adobe Photoshop, Paint Shop Pro, Zoner Photo Studio, ...).
Je n'utilise pas Gimp mais il me semble qu'on peut utiliser des calques ou des masques. Essaie de voir ça en faisant une petite recherche des tutos de Gimp.
Bonne continuation et dis moi si on peut fermer cette page quand tu auras posté ton nouveau sujet en "Idée" ?
@+, J.P.
Auteur
Je vais créer "une idée"...
Je ruse en duplicant mon projet. Sur l'un, je "travaille" les photos, les exportent en png les converties en jpg
Dans le 2ème projet (principal) j'intègre la jpeg sans utiliser l'éditeur...
Je connais tous les outils que tu sites, mais c'est pour "travail sérieux" pas pour de la déco de photo comme je fais avec l'éditeur.
Merci Jiper85, @+
Tu peux fermer, moi je le fais pas car je le considère pas "résolu".