logo orson.io

images

Jpeg ou PNG ? Quel est le meilleur format ?

#création site internet , #création site web , #images

Il existe de nombreux standards pour l’enregistrement de vos photos numériques.

Sur Internet, seuls trois formats sont correctement affichés par les navigateurs :

  • le JPEG
  • le PNG
  • le GIF

Pour un meilleur rendu visuel, certains de ces formats sont plus recommandés selon l’utilisation que vous souhaitez en faire, ou les caractéristiques de votre image (taille, qualité, poids).

Par exemple pour votre logo vous privilégierez le PNG, pour une photo de produit le JPEG ou pour une image animée le GIF, etc...

Si les images ne sont que faiblement pertinentes pour le référencement naturel de votre site, il est essentiel de les soigner afin que l’expérience de vos visiteurs soit agréable et qu’ils aient envie de revenir sur votre site internet.

Dans cet article nous vous expliquerons les principales différences entre ces différents formats pour que vous puissiez optimiser la présentation de vos images sur votre site web ou votre page Facebook. Nous en profiterons pour vous expliquer en quoi consiste la compression d’images.




Images – photos – logos sur le web : quel format pour quelle utilisation

Dans quels cas privilégier le format PNG

Si vous devez réaliser les traitements suivants :

  • Intégré du texte dans l’image,
  • Apporter de la transparence dans vos images. La transparence correspond à l’opacité de l’image. Cette technique offre la possibilité de distinguer d’éventuels éléments graphiques présents en arrière-plan (typiquement pour intégrer un logo).

Ces traitements sont possibles avec d’autres formats, mais le format PNG fournit une image très nette même si vous avez ensuite besoin de travailler ses dimensions (Pour cela vous pouvez utiliser notre éditeur d'images : Pimagic).

Au contraire, le format JPEG va rendre une image plutôt baveuse, parfois floue sur les bords. Le JPEG est par ailleurs incompatible avec la transparence.

Le GIF, présente un bon rendu, mais le poids disproportionné du fichier limite son utilisation pour ce type de traitement.

Dans quels cas privilégier les formats GIF ou PNG

Si vous devez réaliser les traitements suivants, utilisez le PNG ou le GIF:

  • Intégrer un logo,
  • Intégrer une icône,
  • Intégrer un dessin,
  • Intégrer un graphique.

Pour ce type de traitement, l’utilisation du JPEG, implique un poids trop important ce qui limite son intérêt.

Dans quels cas privilégier le format JPEG

Si vous devez réaliser les traitements suivants, le JPEG est le format idéal :

  • une photographie,
  • une image haute qualité.

Le JPEG permet en effet un meilleur rendu grâce à son large panel de couleurs (16,7 millions) et offre une qualité parfaite et un poids optimal pour le web.

Le GIF est à proscrire, car il va dégrader considérablement la qualité de l’image.

Le PNG peut donner une image de bonne qualité, néanmoins son poids sera bien trop lourd pour envisager de l’insérer sur une page web.

Dans quels cas privilégier le format GIF

Reste à parler des animations. Pour ce type d’image, c’est très simple, seul le GIF supporte les images animées.

Images – photos – logos sur le web: comment optimiser le poids de son image ?

Au-delà de la représentation visuelle, bien optimiser votre image va vous permettre de gagner un temps conséquent lors de l’affichage d’une page Internet et va réduire la place que prend l’image sur votre serveur. C’est ce que l’on nomme la compression.

Pourquoi ? Une image trop lourde sur votre site web ralentira l’affichage et augmentera le temps de chargement d’une page sur un navigateur.

Sachez que la compression d’une image JPEG peut nuire à sa qualité. À l’inverse, le PNG et le GIF supportent la compression sans perte de qualité.

Il existe de nombreux logiciels de compression.

Comme toujours sur internet certains sont gratuits et performants d’autres sont payants.

Voici notre sélection des outils gratuits et de qualité. À vous de les tester et de choisir celui qui vous convient le mieux:

  • the Gimp : une interface un peu complexe, mais c’est un outil très puissant et gratuit !
  • JPEG optimizer en Anglais pour traiter les Jpeg
  • JPEGmini en Anglais pour traiter les Jpeg sur Mac
  • Kraken lui aussi en Anglais, mais qui traite tous les formats

Nous espérons que cet article vous sera très utile. Maintenant, à vous de jouer !

Ah oui, dernière chose. Si vous cherchez des images libres de droits, consultez notre article sur: les banques d'images gratuites et libres de droits.

François

En savoir plus

Pimagic : La retouche photos en ligne à la portée de tous

#création site internet , #création site web , #images

Orson a le bonheur de vous présenter en avant-première, Pimagic.

Pimagic est la solution en ligne de retouche photo développée par Orson. Nous avons développé cet éditeur d'images pour la solution de création et d'animation de site internet, Orson. Et ce, pour 2 raisons principales : 

  • Les photos sur un site internet professionnel sont essentielles pour illustrer un contenu et rendre un site webcrédible.
  • Les outils de retouches de photos disponibles aujourd'hui sont trop complexes pour la grande majorité des internautes.

L'idée est donc de vous permettre à tous de redimensionner et d'embellir vos photos.

Qu’est-ce que Pimagic ?

Pimagic est la solution en ligne de retouche de photos développée par Orson.



Pas besoin d’application ou de logiciel, retouchez vos images intuitivement en 4 clics :

  1. Sélectionnez votre photo à retoucher
  2. Redimensionnez votre photo à la taille souhaitée
  3. Appliquez-lui un filtre pour la mettre en valeur instantanément 
    Près de 15 filtres préconfigurés sont à votre disposition
  4. Sauvegardez et souriez

http://app-fr.orson.io/17/pimagic-retouche-photo


Les plus de Pimagic ?

Totalement gratuit :

Gratuit, illimité, sans publicité et sans inscription. Remerciez-nous en partageant Pimagic avec votre entourage.


Rapide et en ligne :

Pas besoin d’application ou de logiciel à installer. Toutes vos retouches photo se font en ligne et instantanément.


Filtres magiques pré-configurés :

Embellissez vos images en 3 clics. Visualisez instantanément l'effet des différents filtres sur votre image. Satisfait ? Sauvegardez.


Pratique :

Redimensionnez vos photos en 1 clic. Librement ou avec vos dimensions.

Résultat



C'est à vous : http://app-fr.orson.io/17/pimagic-retouche-photo

Tsifei

En savoir plus

Tags

creation de site internet refonte de site web créer un blog création de site trafic web création de site internet template réseaux sociaux google analytics création d'un site web fidéliser ses clients prix refonte de site prix d'un site attirer des clients lead benchmark de sites concurrents audit de site web communication créer un site soi-même site vitrine fonctionnalités background vidéo creation de site exemples de sites créer son site site professionnel créer une page facebook personal branding blog référencement site web pour tpe site internet efficace éléments indispensables genere du lead reseaux sociaux linkedin developper son business pme créer un site sans coder blog professionnel accompagnement création d'un site web petites entreprises créer un site vitrine logiciel gratuit orson bot créer un site web créer un site pour tpe site internet cout d'un site internet website builder faire son site internet site web stratégie web efficace cms système de gestion de contenu création site internet creation de site web image libre de droit images gratuites photo libre de droit création site web google map audit site web responsive design optimiser profil réseaux sociaux design site veille internet seo sea scoop-it augmenter fan réseaux sociaux facebook google plus viadeo images nom de domaine article blog google position sur google twitter pinterest instagram google place référencement naturel google adsense retouche d'image google adwords page rank cloud mots clés google webmaster

Créez un site internet professionnel
avec toutes ces bonnes pratiques intégrées

Période d'essai de 15 jours - sans CB

Services Orson

Suivez-nous