JPEG : Parfait pour les images et visuels colorés, c'est le format le plus utilisé sur le web. PNG : Idéal pour les images à fond transparent, graphique et logo. SVG : Format adapté aux images vectorielles, permet de les déformer sans altérer la qualité.
Les formats comme WebP et AVIF sont recommandés, car avec de meilleures performances que PNG, JPEG, GIF tant pour les images animées que statiques. WebP dispose d'une large prise en charge tandis qu'AVIF n'est pas pris en charge par Safari.
On parle donc de 500 pixels sur 6.94 pouces de large = 72 pixels par pouce (donc 72 DPI). C'est donc à cela que ça sert d'indiquer le nombre de DPI dans l'en-tête d'un fichier JPG ou PNG. C'est pour qu'un logiciel de rendu puisse décider à quelle qualité le rendre sur papier.
JPEG - Le meilleur compromis qualité / poids du moment. Le JPEG est le format de référence pour la photo, non pas parce qu'il est le meilleur - on verra qu'il y a mieux -, mais parce qu'il représente le meilleur rapport qualité / poids du moment. C'est par ailleurs, et de loin, le plus utilisé.
Pour le web, le format GIF est à éviter, vous pouvez encore l'utiliser pour les des pictogrammes ou la favicon. Le format PNG permet d'afficher une belle image de bonne qualité et de grandes tailles. C'est idéal pour des grandes photos, des fonds d'écrans. Le .
Qu'est-ce que le format WebP ? Très utilisé sur le web, le format d'image WebP a été développé et lancé par Google en 2010. Il vise à remplacer les formats de fichier JPG, PNG ou GIF et à offrir une compression avec ou sans perte, afin de réduire significativement le poids des fichiers image.
PNG (Portable Network Graphic) est un format de fichier d'image pixellisé. Très apprécié des designers web, il prend en charge les illustrations avec arrière-plans transparents ou semi-transparents.
Pour mettre une image simple sur une page web, nous utiliserons l'élément <img> . C'est un élément vide (ce qui signifie qu'il ne contient ni texte ni balise de fermeture) qui demande au moins un attribut pour fonctionner — src (souvent appelé par son nom entier: source).
TIFF (Tagged Image File Format)
Ce format est utilisé pour l'impression et a l'avantage de ne pas être compressé et d'accepter les zones de transparence. Cela permet de n'avoir aucune perte de qualité, ce qui lui donne un avantage pour la réalisation d'un imprimé professionnel.
On choisira une résolution de 30 pixels par centimètre pour une bonne qualité d'impression, et une résolution de 60 pixels par centimètre pour une qualité d'impression haute définition. Une résolution de 30 pixels par centimètre sera alors de 76 pixels par pouces ou 76 dpi.
Avant de détailler plus amplement leurs caractéristiques, voici les types de fichiers images les plus couramment utilisés sur le web. JPEG – Le plus polyvalent de tous, pour les photos et les images complexes.
Il n'y a pas de règles générales sur le poids d'une image. Habituellement, on dit que les images ne doivent pas dépasser 100 Ko. Cependant, une image de grande taille devra autant que possible être en dessous des 500 Ko quand une image de taille moyenne pourra potentiellement dépasser légèrement les 100 Ko.
La résolution est importante, mais la taille de votre image aussi. Une image de haute qualité ne sera pas aussi bonne si ses dimensions sont trop petites. Si vous trouvez une image qui est parfaite, mais à la mauvaise taille, il est possible qu'elle ait été redimensionnée ou même rognée.
Le format Webp a été créé par Google dans le but de remplacer les différents formats d'images standard : jpeg, jpg, png, gif, tiff… L'objectif ? Conserver une bonne qualité d'image tout en réduisant leur poids de 25 % à 30 % afin d'optimiser la vitesse de chargement de votre site web.
Cliquez sur le bouton Capture bitmap. Vérifiez que l'option Capture full page est bien sélectionnée puis cliquez sur le bouton Save image. Sélectionnez le dossier où enregistrer l'image de la page Web, donnez un nom au fichier puis déroulez la liste Type. Par défaut, l'image est enregistrée au format JPEG.
La taille de l'image d'en-tête de WordPress doit être de 1048 x 250 pixels. L'image en vedette doit mesurer 1200 x 900 pixels en mode paysage ou 900 x 1200 pixels en mode portrait. Les images d'arrière-plan doivent être de 1920 x 1080 pixels. Les images du logo doivent avoir une taille de 200 x 100 pixels.
Le format PNG, contrairement au JPEG, permet de compresser une image sans aucune perte de qualité / d'informations. Sur Photoshop, vous pouvez créer deux types d'images PNG : le PNG-8 et le PNG-24.
Faites un clic droit sur l'image que vous souhaitez modifier, puis cliquez sur "modifier", Paint va alors s'ouvrir, Cliquez sur "redimensionner", un menu s'ouvre, Dans ce même menu, changez les dimensions selon votre objectif (en pourcentage ou en pixels).