PNG ou JPG pour les photos et images de mon site ?

PNG ou JPG pour les photos et images de mon site ?



Views:1756|Rating:4.92|View Time:13:22Minutes|Likes:58|Dislikes:1
♥ ↓↓↓ Que dirais-tu de cadeaux pour ton business ? ↓↓↓ ♥

➡ Dévore cette formation GRATUITE en dropshipping et évite ces erreurs qui bloquent tes ventes!

➡ Comment je sélectionne mes produits winners pour vendre comme un sac…

➡ Toutes mes formations UDEMY à 9,99€ avec le code de réduction DETERMINE999

☺ ↓↓↓ D’autres tutoriels, vidéos et sources d’informations sur le business ↓↓↓ ☺

➡ Le blog de référence pour débuter le dropshipping, le e-commerce avec Shopify et la vente en ligne pour vivre d’une activité sur internet

➡ Mon groupe Facebook

➡ La page Facebook pour suivre les nouveautés au sujet du marketing, du E-commerce, SEO/ASO et DropShipping :

Quel format d’image faut-il utiliser sur shopify ou wordpress pour gagner de la vitesse ? Le JPG ou JPEG sera plus adapté pour de la photo tandis que le PNG permettra de gérer de la transparence et gagner en poids face au JPG.

Le jpg ou jpeg sera plus adapté pour de la photo tandis que le png permettra de gérer de la transparence et gagner en poids face au jpg… Png ou jpg pour les photos et images de mon site ? quelle difference entre un format jpg et jpeg mais aussi quelle est la différence entre des fichiers photo 8 bits, 16 bits et 32 bits pour le png et jpeg ou jpg ? On découvre tout cela dans ce tutoriel vidéo sur les images.

Diminuer la taille des images – diminuer la taille de plusieurs images | photoshop.
comment diminuer la taille de vos photos ? -diminuer la qualité de l’image mais qui à l’oeil humaine n’affecte aucun vrai changement visuel. Petite vidéo pour partager une astuce sur comment diminuer la taille de vos ressources png jpg jpeg et pdf sans perdre la moindre qualité ! Png ou jpg pour les photos et images de mon site ?
#shopify #dropshipping #businessdynamite
Autres formateurs et formations en dropshipping sur la création de boutique en ligne sur Shopify et la pub facebook :

Yomi Denzel, Lucas Bivert, Marketing Mania, Ecom French Touch Business en ligne, Sebastien Cerise, Yannick Chastin, Sphynx (Julien Gallois), Léo Guillot, Théophile Eliet, House of success, Enzo Honoré, Cédric Beau, René Major, Pierre-Eliott – MoneyHack et Anthony Nevo.

bienvenue dans cette vidéo nous allons voir ensemble quel format d'image qui doit utiliser pour ton site internet à savoir qu'il y a j pg et le png qui sont principalement utilisés pour les sites internet que ce soit pour par exemple la fav icône donc cette petite icône que tu as dans l'onglet de ton site internet le logo mais aussi les images des produits et ainsi de suite il faut savoir que c'est un sujet assez intéressant à étudier parce que plus tu vas pouvoir utiliser les bons formats et plus tu vas pouvoir aussi par la même occasion alléger le poids de ces images donc ton site va charger plus rapidement sa dette un signal positif pour google et par la même occasion des visiteurs vont pouvoir charger le site plus rapidement et donc potentiellement ça va augmenter ton ce taux de conversion alors j'ai pris une image ici donc là je suis dans photoshop pour te donner l'exemple donc là on est en train de travailler sur photoshop l'image que j'ai prises ici c'est ce qu'on appelle un jpg le quai c'est une image du d'un appareil photo d'un nikon et quand je le déplace ici on voit qu'il ya ici de la transparence la première chose que tu dois savoir c'est que le png te permet de gérer ce qu'on appelle la transparence et le jpg lui tout ce qui est transparent il va le remplir d'une couleur je m'explique nous par exemple l'image qu'on a ici qui est en jpg je vais supprimer je vais détour est tout ce qu'il ya autour et là tu vois c'est super intéressant d'avoir cette photo cette image là parce que je vais pouvoir la superposer par rapport à d'autres images exemple je vais pouvoir la superposer comme ça ici ok super j'ai envie de garder alors ce détourage c'est top je pourrais le mettre sur mon site internet par dessus n'importe quel font qu'il ya par exemple un fond bleu sur mon site internet un fond vert un fond gris etc eh bien je n'aurai plus ce fond blanc d'accord à condition que j'enregistre en png qui va me gérer la transparence donc ce que je fais je vais enregistrer maintenant ce fichier ici et il va être en format png je vais l'appeler png test un d'accord très bien ok et je peux aussi l'enregistrer en jpg on va comparer les différences je fais de nouveau enregistré sow est là pour le coup je vais chez le jpg ici et là je vais faire test jpg un très bien donc quand tu enregistres jpg on verra ça plus tard mais tu vas pouvoir gérer la qualité et cette qualité là va déterminer la qualité de ton image et plus elle va être élevé bien entendu plus ton image va avoir deux poids si je clique ici j'ai maintenant alors mon fichier source il fait 20 ko très bien eux non c'est pas le bon fichier sur celui là j'ai ici mon jpg qui fait 168 ko très bien et mon png qui fait 258 ko et si maintenant je les importe à tour de rôle c'est à dire que je vais prendre le fichiers png et je le place ici waouh gemma transparent super mais si je prends le jpg ici et bien avant même si j'avais exporté enregistré la photo comme ça eh bien on jpg sam a complété tous les petits carrés ici qui représente la transparence par du blanc c'est à dire que si j'ai importe maintenant la photo comme ça sur mon site internet eh bien je vais me retrouver avec ce fameux fond blanc par dessus donc si mon site internet à un fond vert et j'apporte la photo bam je verrai ça avec le fond blanc ça c'est dans le cas du jpg et si j'apporte le png sur mon site internet est bien là j'aurai le détourage et sa s'incrustera parfaitement enfin parfaitement il faudrait travailler bien entendu le détour de cette image mais le truc du coup c'est que tu vois l'intérêt ici entre le jpg png png va te permettre de gérer du coup les la transparence qui a ici et de pouvoir superposés par rapport à un enfant très bien maintenant sur un site internet as tu as remarqué qu'il y a voilà ses problèmes de poids le poids va trier bien entendu à la taille à la dimension de ton image qui est ici par exemple 700 pixels 700 pixels et une résolution n'est pas t'embêter avec la résolution on va rester sur du 72 pour le web et du coup tout à taille va aussi augmenter en fonction du format le format ici c'est simplement si tu veux une manière de calculer pour l'ordinateur de la manière pour pouvoir afficher l'image tu vois et le png va être plus optimales pour certaines choses et le jpg va être plus optimales pour certaines choses on voit qu'ici le jpg on perd la transparence mais il fait 168 ko et avec le psg on a quasiment 100 kg peut-être plus on a une transparence si on double cliquer dessus l'image est propre les qualitative et si on clique ici l'image aussi et propres ailes et qualitative donc sur le jpg je vais pouvoir jouer sur plusieurs choses pour pouvoir changer la qualité de cette image et changer le poids et ça c'est le sujet qu'on a vu juste avant c'est la qualité j'arrive ici et je vais faire qualité basse up et là je vais descendre ça et lui il estime 172 ko plus je descends plus je avoir un poids qui est faible très bien plus j'augmente plus je vais avoir un poids qui est élevé mais si je descend trop bas par exemple 2 je vais me retrouver avec une image avec une qualité pas top top top c'est vraiment tolérable on voit l'image tranquillement avec ses tares ya pas de soucis mais on voit que les textures sont un peu sale on voit que c'est un peu floutée par endroits on voit que ce n'est pas terminé par endroits et quand on clique dessus on voit 38 5 ko alors généralement tu vas te poser la question quel type de qualité je vais devoir mettre pour gagner du temps et ainsi de suite ça eh bien soit tu travailles directement sur photoshop et quand tu enregistres tu vas chez l'ex youn est une qualité qui est entre les deux c'est à dire entre le 170 ko et la qualité zéro donc par exemple qualité c'est tout qualité 8 hockey et bien entendu tu va optimiser la taille de tes images sachant que si tu veux une image qui prend l'ensemble de ton écran il va falloir tu travailles en 1920 x 1080 qui le format full hd d'accord avec une bonne qualité si tu veux une image qui est grande quand la personne arrive sur ton site internet de jean qui rit et ses fleurs booste un peu la qualité si maintenant tu veux une image qui est un plus petit d'un produit tu vas pouvoir peut-être te permettre de descendre un peu la qualité et qu'il n'y a pas de zoom par dessus le truc c'est que ça c'est toujours une balance et une bascule et c'est pour ça qu'il existe des optimiseurs d'image de poids d'image si tu vas sur google actu tape optimisé poids jpg on va te proposer plein de choses qui vont pouvoir trouver cet équilibre pour toi entre la qualité et le jpg mais ce qui est très important c'est de déterminer quel type tu dois avoir non pas à cause de la transparence entre le png jpg je m'explique on va aller sur un site que j'adore particulièrement qui s'appelle flat icône flat icône va me permettre de retrouver plein d'imagés différentes d'icônes hop comme ça au format png au format psd au format vectoriel je vais pas de casser la tête avec ça mais en tout cas tu vois c'est des images qui sont simples ce sont des formes qui sont simples donc c'est facile à calculer parce que ce sont des formes qui sont assez droite c'est des aplats de couleurs c'est soit du noir et du blanc soit des couleurs distinctes ainsi de suite je clique ici en png et je vais prendre l'image par exemple en noir en 512 x 112 pixels très bien j'ai cette photo donc aztèque pyramide je vais venir la glisse et on ouvre un tout nouveau fichier superbe donc je vais l'enregistrer au format aztèque png hockey au format png je marque pmg juste pour que vous puissiez à distinguer plus facilement les exemples que je montre hélas je vais faire la même chose sauf que je vais faire du jpg le m astek jpg très bien et là je vais mettre la qualité par exemple le maximum donc on arrive ici sur astel jpg on voit qu'il ya trente trois ko est ici png 4,56 ko ce qui est énormissime comme différence si tu optimiste tout on citer toutes les photos et bien bien entendu tu vas gagner beaucoup de ko voir des mégots opté s'appelèrent google et ça va plaire à ses visiteurs mais ce qui est important que tu comprennes ici pour différencier l'utilisation du jpg et du png s'est bien entendu que la le png dans son processus il va pouvoir calculer en fait sur des icônes sur des logos etc et bien que d'ici à ici va y avoir que du noir et ensuite du vide que du noir et ensuite du ville une autre couleur peut-être et ensuite d'huile chose qu'il ne peut pas faire aisément sur une photographie parce que sur une photographie bain bien entendu il ya plein de dégradés de couleurs si on prend photographie heureux allez on clique là dessus et bien le psg va devoir a calculé par exemple tiens je cette photo voilà sur cette personne là voilà il va pouvoir se dire tiens à une couleur là encore une autre couleur encore bientôt l'heure encore une couleur il peut pas faire des choses super simple comme calculé maintien ici il y à du noir jusque là et du coup il va faire si tu veux il va engranger plein de données pour pouvoir restituer la photo et c'est pas optimisé donc le png n'est pas optimisé pour ce type de choses mais il est vraiment super optimisé pour les icônes les aplats de couleurs les logos etc donc si maintenant tu as envie de créer un petit logo pourra-t-on site internet on va en créer un tout rapidement en utilisant l'image ici ça va être juste bateau pour donner un exemple et bien toi tu as tout intérêt chaque jeu reprendre ça on va mettre ça ici aztèque tu vois bien entendu tout intérêt d'utiliser du png temps bien parce qu'il ya de la transparence étant bien parce que ce sera beaucoup moins lourd sur du png j'augmente jeu juste médecin attaqué ça on imagine que ça fasse un à la corne et l'a vu que t'as du texte du texte c'est aussi transparent tac tac tac tu peux bénéficier grâce aux png et bien bien entendu de la transparence mais aussi du calcul qui fait que ces formes là sont faciles interpréter facile à calculer pour du png donc d'optimiser ton poids si j'enregistre comme ça ça va être super légers en png test de png voilà et s'il enregistre en jpg bien forcément ça va être plus lourd même si je peux m'amuser aztèque 2 par exemple jpg à essayer de diminuer par exemple la qualité ici tu vois si je mets sur qualité 3 qui a une qualité faible eh bien mon jpg fera quand même 24 ko et mon pnj fera 5,68 ko al'inverse si je prends maintenant la photo exemple de cette personne là je me mette cette personne ici très bien je vais l'enregistrer en png ça va être plus difficile aux pnj d'interpréter cette photo donc il y aura plus de données hop png test 3 donc ça va être très bourg d'autant plus qu'on peut pas gérer la qualité et la compression par rapport aux jpg qu'on a vu juste avant et jpg test 3 up je vais pouvoir avoir une photo à 8,42 ko comme ça et là on regarde test 3 37 8 ko ça c'est du jpg réussi à l'exemple jpg en cao et l'un en png on se retrouve à 99 ko voilà tout simplement parce que le pmg mais du coup pas optimisé pour pouvoir bien travailler sur des photos comme ici et du coup on préférera le jpg voilà donc toi maintenant dans sa boutique shopi faille en ligne il va falloir que tu dis tout ce qui est logo tout ce qui est dit qu une famille cohen etc où il ya de la transparence déjà de base je vais le travailler avec du png maintenant si je mets des produits comme ça et qu'il y a un fond blanc derrière eh bien je ne suis pas obligé de passer par du png sinon luxin photos réelles le poids est beaucoup trop élevé le volume va être beaucoup trop élevé et du coup tu peux passer en jpg est utilisée justement la fonction qualité sur photoshop et si tu n'arrives pas juger justement la fonction qualité on peut chercher sur shopi faille à pain et on va taper directement images size hop comme ceux-ci bulk imagé dit il ma gestion optimisée optimize le half les noms la compression etc et en utilisant ce type de plugins savate optimiser toutes les photos donc va pouvoir tout les travailler normalement les exporter sur ton site et ensuite lancez l'application et ça va diminuer au plus possible le poids de ces images et ça permet du coup d'avoir un meilleur référencement et bien entendu par la même occasion est bas les personnes m'en charger leurs sites plus vite même s'ils ont une plus mauvaise connexion donc du coup plus de taux de conversion est plus de ventes voilà j'espère que cette vidéo tu as plus elle est un peu plus classique je souhaite bonne réussite prends soin de toi et à bientôt ciao [Musique]

5 thoughts on “PNG ou JPG pour les photos et images de mon site ?

Leave a Reply

Your email address will not be published. Required fields are marked *