combien de pixels par pouce sont les meilleurs pour les images web? Dissiper les idées fausses communes sur la résolution d’image pour le web avec ce guide de .

« Mais attendez, » nous vous entendons vous moquer,  » pourquoi la résolution d’image n’aurait-elle pas d’importance pour le web? Suis-je censé publier des photos floues et floues sur mon site web professionnel et l’appeler un jour?”

Pas si vite!, La qualité d’Image pour les photos, les graphiques et les icônes en ligne est essentielle pour fournir une expérience utilisateur satisfaisante à quiconque visite votre site web. Cependant, la résolution d’image est un terme qui a plus de sens en impression qu’en ligne. Plongeons dans les détails de la résolution d’image et déterminons ce qui est vraiment important pour des images vives sur le web.

Qu’est-ce que la résolution D’Image?

terme issu de l’industrie de l’imprimerie, la résolution d’image est la densité des points ou pixels qui composent l’image. La résolution d’Image est, en d’autres termes, la quantité d’informations visuelles qu’une image contient. Dans ce contexte, il est parfaitement logique que vous souhaitiez que vos images aient une résolution aussi élevée que possible, afin qu’elles apparaissent nettes, nettes et vibrantes.

nous mesurons la résolution de l’image en DPI ou en PPI. Dans l’industrie de l’impression, la résolution d’image est mesurée en points par pouce, ou DPI., Traduite en numérique, la résolution de l’image est mesurée en pixels par pouce, ou PPI. Vous verrez souvent ces termes utilisés de manière interchangeable, mais le DPI est réservé à l’impression tandis que le PPI est utilisé pour les images numériques. Une image avec un PPI plus élevé a tendance à être de meilleure qualité en raison de sa densité de pixels.

Mais, si PPI semble avoir un lien avec la qualité, Pourquoi insistons-nous, l’équipe, sur le fait que la résolution d’image en ligne n’est pas un gros problème? Faisons rapidement un détour vers le passé oublié depuis longtemps-les années 1980-et appliquons ce que nous avons appris à l’état actuel de la qualité de l’image.,

résolution D’Image Web Standard

historiquement, les concepteurs de sites Web considéraient 72 PPI comme la définition « standard” des images destinées au web. La justification? Vous pourriez entendre que la plupart des écrans correspondent automatiquement à 72 pixels par pouce. Donc, à cette résolution, l’image est aussi détaillée que possible. Mais l’histoire est plus compliquée.

lorsque Apple a sorti ses premiers ordinateurs Macintosh dans les années 80, ils se sont collés à un écran de neuf pouces avec une résolution d’image de 72 PPI., Cette décision était pratique — leurs imprimantes ImageWriter imprimaient des images à 144 DPI, et ce rapport 2:1 rendait la mise à l’échelle des images sans douleur et simple.

la technologie D’affichage a progressé rapidement au cours des trente-six années écoulées depuis la sortie du Macintosh, et maintenant peu d’ordinateurs ont une résolution d’affichage de 72 PPI. Lorsque vous exportez des images à partir de Photoshop et d’autres logiciels de retouche d’image, vous pouvez définir automatiquement la résolution de l’image à 72 PPI, après des années de renforcement. Cependant, les écrans varient considérablement en résolution.

Si c’est le cas, n’y a-t-il pas de norme?, Comment nous assurer que nos images afficher magnifiquement en ligne, sur tous les appareils?

Qu’est-ce qui affecte L’affichage des images sur le Web?

en termes de résolution d’image pour le web, il est préférable de penser strictement en pixels et en taille de fichier.

• dimensions des pixels — Cela fait référence au nombre de pixels constituant votre image, en longueur et en largeur. Par exemple, une image carrée mesurant 360×360 pixels a 360 pixels dans chaque ligne et chaque 360 pixels dans chaque colonne., Si l’écran de votre ordinateur a une résolution de 72 PPI, cette image mesurerait cinq pouces de chaque côté lorsqu’elle est affichée en taille réelle sur votre moniteur. C’est une assez grande image!

plus les dimensions de votre image sont grandes, plus votre image sera professionnelle. Si les dimensions d’une photo à 2000×1500 pixels, l’image sera terrible comme une bannière ou une petite photo sur le côté de votre site web., Cependant, si vous utilisez une image de 200×150 pixels, elle n’aura l’air professionnelle que dans sa taille native et plus petite. Souffler cette image pour l’utiliser comme une image de héros se traduira par un aspect granuleux et bâclé que personne qui visite votre site web n’appréciera.

• Taille du fichier — la qualité de votre image augmente à mesure que la taille de votre fichier augmente et que la compression de votre image diminue. La taille de votre fichier image est simplement le nombre d’octets que l’image prend sur votre ordinateur ou votre site web., Les dimensions de votre image détermineront la taille du fichier, mais le type de fichier que vous utilisez pour vos images sera également un facteur important. Pour choisir entre JPEG, PNG, ou même GIFs, lisez nos recommandations pour les meilleurs formats d’image pour le web.

lorsque vous décidez du type de fichier à utiliser et du niveau de qualité de vos images, gardez à l’esprit que la vitesse de la page diminue à mesure que la taille totale du fichier augmente., Vous voulez choisir la qualité d’image qui semble la meilleure, tout en gardant chaque fichier image petit et gérable. Lorsque votre page est lente et pleine de pépins, l’expérience utilisateur en souffre. Cinquante-trois pour cent des utilisateurs mobiles abandonnent les pages web qui prennent plus de trois secondes à charger. Augmenter la taille du fichier peut entraîner une meilleure image, mais cela pourrait avoir un impact négatif sur les performances du site.

lorsque la résolution D’Image est importante

la résolution D’Image peut ne pas être pertinente dans la plupart des applications numériques, mais dans l’impression, la résolution d’image est roi., Le DPI affectera considérablement la façon dont une image imprime et est d’une importance primordiale lors de l’exportation d’images à partir d’un logiciel de conception et d’édition, si vous ne téléchargez pas les photos en ligne.

Dans l’impression professionnelle, vos photos doivent avoir une résolution d’au moins 300 DPI. L’œil humain ne peut généralement pas différencier les images au-dessus de 200 DPI, mais il est de pratique courante d’utiliser 300 DPI et plus pour une clarté optimale. Toujours vérifier les paramètres de votre imprimante avant de choisir une résolution d’image pour l’impression., De nombreuses imprimantes ne peuvent pas gérer des résolutions supérieures à 300 DPI, et l’utilisation d’un tel paramètre peut créer des artefacts visuels étranges.

pour le contexte: Si vous souhaitez imprimer une image de quatre pouces par six pouces à 300 DPI, elle doit mesurer 1200×1800 pixels avant l’impression. Lors de la prise de photos avec un appareil photo, les photographes doivent prendre des photos à une résolution plus élevée que ce dont ils auront besoin pour l’impression. Ensuite, ils peuvent affiner et réduire les images dans le logiciel de retouche photo.

lors de l’édition d’images pour l’impression, il est préférable d’utiliser les formats de fichier TIFF ou EPS., Ces types de fichiers sont sans perte, ce qui signifie que vous ne compresserez pas ou ne compromettrez pas l’image lors de l’enregistrement et de la réouverture. Cependant, ces fichiers sont volumineux et encombrants.

image de couverture Via qui est Danny. L’image de l’écran via Galyna Andrushko.,

Découvrez plus de conseils sur la façon de concevoir votre site Web avec ces articles:

• Les meilleures Images prêtes pour le site web pour lancer votre présence en ligne
• Comment concevoir un site web: 10 règles d’Or pour les débutants
• conseils simples de conception de mise en page de