Il n'y a pas que pour le web.
La résolution des images est une notion désuète héritée des photos papiers et des scanners du XXe siècle :
https://www.abracadabrapdf.net/ressources-et-tutos/creation/en-finir-avec-la-resolution-des-images/
Affinity: Redimensionner une photo lors de l'export sans perte de qualité
- Créateur du sujet ilyasss
- Date de début
La résolution des images est une notion désuète héritée des photos papiers et des scanners du XXe siècle :
https://www.abracadabrapdf.net/ressources-et-tutos/creation/en-finir-avec-la-resolution-des-images/
C'est une discussion intéressante et courtoise où chacun ajoute sa propre expérience de ce qu'il obtient derrière son matériel et écran. Donc pas besoin de s'énerver.
Je suis d'accord avec toi la résolution (dpi) pour une même taille ne sert que pour la sortie impression, d'ailleurs il suffit de lire les nombreux articles à ce sujet. MAIS justement avec les nouvelles technologies d'écran comme le Retina dans la réalité cela n'est plus vraiment vrai. Normalement la visualisation sur un écran c'est 72dpi, mais le problème justement des écrans Retina c'est que si tu laisses une résolution de 72dpi ton image sera visuellement au moins 2 fois plus petite ou alors pour la même taille visuelle elle sera pixelisée.
Quand je suis passé de mon iMac27" de 2011 (écran traditionnel) à mon iMac27" 5K Retina 2017 c'est là où justement j'ai "maudit" l'écran Retina qui m'affichait toutes mes images taillées pour le web en format timbre poste. Et c'est là aussi que j'ai pris conscience qu'il fallait que je prenne en compte tous ces nouveaux écrans pour l'affichage web car ils deviendront la norme à plus ou moins long terme.
Il suffit que j'ouvre le logo vectoriel pour voir la réalité de l'affichage sur mon écran 5K Retina. Que je prenne Photoshop, Affinity Photo ou Aperçu tu verras bien que si tu ouvres le logo transformé en .png en 72dpi (export écran "normal") ou en 150dpi ou en 300dpi tu ne verras visuellement sur ton écran (5K Retina pour ma part) pas la même qualité d'image pour un affiche 100% et de même taille 124px X 140px. Soit tu as la même qualité (aucune pixelisation) mais l'affichage du logo en 72dpi sera un timbre poste en 100% et la taille "visuellement" augmentera avec l'augmentation du dpi. Soit tu changes le % pour que tous les logos (72, 150, 300dpi pour une même définition 124x140) se retrouve "visuellement" de la même taille et tu verras que ton logo 72dpi s'affichera pixelisé.
Ca c'est pas la littérature c'est ce que j'ai sous les yeux. A moins que j'ai un écran spécial que personne ne possède ? o_O
Et je comprend tout à fait pourquoi @ilyasss a ouvert son thread sur le problème qui existe réellement chez lui également.
D'ailleurs si tu ouvres le logo vectoriel dans Illustrator tu verras toutes les possibilités qu'offre les différents Exports. L'Export (écran) est effectivement à 72dpi, mais si tu exportes en .png 72dpi 124x140 ton logo sera pixelisé à l'écran (5K Retina chez moi) si je l'exporte en .png 150dpi ou mieux en 300dpi 124x140 il sera non pixelisé, et tout ça pour la même taille visuelle d'affichage à l'écran.
C'est ce que je constate chez moi, c'est la réalité. Et pourtant je connais bien ce qui est dit littéralement sur le sujet du dpi uniquement considéré pour l'impression.
De même, toujours dans Illustrator, tu as une fonction "Export fichier pour écran" où tu peux faire une sélection sur iOs ou Android et Illustrator te sort tous les fichiers destinés à chaque spécificité d'écran avec une échelle x1, x1,5, x2... et des Idpi, mdpi, hdpi...
Ce qui est normal puisque dans un même pouces il y a plus de pixel sur un écran Retina vu que la résolution est plus élevée que sur un écran "standard".
Pour coder en html et afficher la taille voulu d'une image dans ta page :
<img src="...chemindetonlogo/logo.png" width="140px" height="140px">
Si tu as doublé la définition de ton image en 280pxX280px alors pas besoin d'augmenter la résolution. D'ailleurs pour afficher sur le web moi je ne fais qu'avec une définition plus grande (x1,5 ou x2 suivant l'image et le rendu voulu) pour avoir une bonne qualité de rendu à l'affichage sur tout type d'écran. Là je rejoins @gwen sur la façon de faire pour le web.
EDIT : Pour info. Pour régler la résolution de l'export sur Affinity Photo :
Export Persona (icon en haut à gauche de la fenêtre) > Tranches (onglet dans la palette à droite à côté de calques dans un environnement par défaut) > Export prérèglage > PNG-24 simple ou Retina PNG-24. Et là tu peux si tu veux changer encore les préréglages, mais avec l'export Retina PNG-24 il te fera une résolution x2 comme dans Illustrator qui sera amplement suffisant.
Dernière édition:
Il y a bien longtemps que les écrans des Mac ne sont plus en 72 dpi.... ca c'était bon dans les années 1990 quand on avait des écrans de 640x480 ou 800x600! [emoji41]
Bien avant les premiers écrans Retina (qui ont amené une densité de pixels extrême) le nombre de pixels par pouce a été augmenté (sinon il aurait fallu des écrans de plus en plus grands pour afficher des résolutions augmentant à 1440, voire 1920 pixels. À 72 dpi, un ecran affichant 1440 pixels en largeur mesurerait 51 cm...)
Bien avant les premiers écrans Retina (qui ont amené une densité de pixels extrême) le nombre de pixels par pouce a été augmenté (sinon il aurait fallu des écrans de plus en plus grands pour afficher des résolutions augmentant à 1440, voire 1920 pixels. À 72 dpi, un ecran affichant 1440 pixels en largeur mesurerait 51 cm...)
Dernière édition:
Je ne m'énerve pas, et si tu as pu le prendre comme ça, j'en suis désolé. Néanmoins, j'ai toujours cette impression désagréable de ne pas me faire comprendre.
Même si je l'ai expliqué en long et en large depuis le début et que Magic PDF a également tenté de le faire en fournissant en plus des liens constructifs, certains persistent a mettre en corrélation DPI et taille en Pixel.
Je n'ai pas de règle à côté de moi pour te donner des dimensions concrètes et faire des tests. Néanmoins, une chose est certaine. Une image en 140 pixels de large, qu'elle soit en 72, 10, 300, voir 1200 DPI sera TOUJOURS de la même taille, visuellement si affiché a 100 %.
Et ce, que j'utilise Photoshop ou Affinity Photo.
Avec le logiciel aperçu d'Apple, l'affichage se fait sur 4 pixels pour un pixel réel. Soit une taille doublée visuellement pour une même image. Neamoins, la résolution (DPI) ne change aucunement l'affichage de l'image. Elle est toujours affichée sur une matrice de 280 x 280 pixels pour une image d'origine de 140 x 140 pixels en 72 ou en 300 DPI.
C'est techniquement impossible. Soit ton image fait 140 pixels et elle reste en timbre poste, soit tu as un logiciel comme Safari qui interpole et crées de l'antialiasing sur les images pour éviter que cela pixelise trop. Mais en aucun cas une image en 140 pixels réels, peut être différente en fonction de sa résolution dans Photoshop ou Affinity designer. Je viens de faire la comparaison et tu peux voir sur l'image ci-dessous ce que cela donne.
Tu as les images en 72 et 300 DPI ouvertes ont 100 %.
- En haut à gauche : Photoshop
- En bas à gauche : Apple Aperçu
- Au centre : Affinity Photo
- En bas à droite : nativement dans Safari.
Comme tu peux le voir, les images sont de taille identique à l'écran, quelle que soit la résolution. Par contre, sur Aperçu et sur Safari, les images sont visuellement plus grandes. Pixels quadruplés sur Aperçu et interpolés sur Safari, donc, moins pixelisés. Ce dernier créant la matière manquante.
Bien sûr, ce sont EXACTEMENT les deux mêmes images à chaque fois ouvertes en même temps sur les logiciels cités.
IMPOSSIBLE. La taille en pixel s'affiche toujours de la même manière sur un affichage en pixel (un écran)
@ilyasss ne comprenais pas la différence entre l'affichage pixelisé d'aperçu et non pixelisé d'illustration. Car dans aperçu 1 pixel affiché est différent de 1 pixel enregistré quand le fichier est a 100 %. Donc trompeur.
Je ne réponds pas au reste, car c'est n'importe quoi. Relis bien ce que j'ai marqué, fais des tests et reviens nous dire tes conclusions.
Malgré la littérature sur le sujet que je connaissais et que je prenais pour acquis je me suis laissé berné par l'expérience que j'ai fait avec le fichier de ce thread. La réalité (fausse réalité) de ce que je voyais avait fini par me convaincre malgré tout :meh:
Voici la raison :
Le réglage préférence était en cm et pour la même taille centimétrique selon le dpi l'image n'avait pas le même rendu.
Sauf que comme je ne comprenais pas pourquoi la réalité de ce que @gwen me montrait ne correspondait pas à la réalité de ce que je voyais chez moi, j'ai forcément cherché où était le loup :bookworm:
Et du coup quand j'ai changé le réglage préférence en pixel le voile c'est levé sur la supercherie visuelle :banghead:
Je fais donc mon Mea Culpa.
Ce thread m'aura donné une bonne leçon en me piégeant moi-même alors que je connaissais la littérature sur le sujet. Là il est claire que par la recherche concrète à savoir pourquoi la réalité était tout autre, j'ai bien compris le passage de la théorie à la pratique dans les faits.
Pourtant au quotidien je suivais bien ce qui était dit dans la littérature puisque je faisais tout passé par l'augmentation de taille (pixel) pour avoir une image nette sur le web comme je le disais en #22.
Je me suis laissé piégé également par Illustrator et Affinity qui parlent d'augmentation de dpi alors qu'ils augmentent par la même la définition, mais sans le dire.
Finalement je n'aurai pas dû chercher à vouloir aider car je serai resté sur mes petits acquis littéraires que j'appliquais pourtant bien au quotidien. Mais bon, au moins là maintenant je n'applique plus "bêtement" car j'ai bien compris les tenants et les aboutissants sur le sujet.
Autant pour moi
Voici la raison :
Le réglage préférence était en cm et pour la même taille centimétrique selon le dpi l'image n'avait pas le même rendu.
Sauf que comme je ne comprenais pas pourquoi la réalité de ce que @gwen me montrait ne correspondait pas à la réalité de ce que je voyais chez moi, j'ai forcément cherché où était le loup :bookworm:
Et du coup quand j'ai changé le réglage préférence en pixel le voile c'est levé sur la supercherie visuelle :banghead:
Je fais donc mon Mea Culpa.
Ce thread m'aura donné une bonne leçon en me piégeant moi-même alors que je connaissais la littérature sur le sujet. Là il est claire que par la recherche concrète à savoir pourquoi la réalité était tout autre, j'ai bien compris le passage de la théorie à la pratique dans les faits.
Pourtant au quotidien je suivais bien ce qui était dit dans la littérature puisque je faisais tout passé par l'augmentation de taille (pixel) pour avoir une image nette sur le web comme je le disais en #22.
Je me suis laissé piégé également par Illustrator et Affinity qui parlent d'augmentation de dpi alors qu'ils augmentent par la même la définition, mais sans le dire.
Finalement je n'aurai pas dû chercher à vouloir aider car je serai resté sur mes petits acquis littéraires que j'appliquais pourtant bien au quotidien. Mais bon, au moins là maintenant je n'applique plus "bêtement" car j'ai bien compris les tenants et les aboutissants sur le sujet.
Autant pour moi
Dernière édition:
Pas de soucis, j'ai aussi mes périodes où j'ai du mal à imaginer autre chose que mes acquis. Cela m'arrive régulièrement et de temps en temps je reste bloqué sur un truc qui au final se relève basic. J'ai eu le cas avec Final Cut pas plus tard que cette semaine.
Heureusement que tu es rentré dans la conversation, comme ça, on a résolu, ensemble, un souci lié au comportement de différends d'un logiciel à l'autre, pourtant sur une même machine.
Heureusement que tu es rentré dans la conversation, comme ça, on a résolu, ensemble, un souci lié au comportement de différends d'un logiciel à l'autre, pourtant sur une même machine.
Je me permet d'insister, tu devrais commencer par lire cet article qui devrait beaucoup t'intéresser et te débarrasser de certaines notions obsolètes qui brident ta productivité :
https://www.abracadabrapdf.net/ressources-et-tutos/creation/en-finir-avec-la-resolution-des-images/
Je ne comprend toujours pas ce qu'Affinity vient faire dans l'histoire, il suffit d'exporter depuis Illustrator et d'afficher le résultat dans un navigateur.
C'est juste qu'une image peut être ouverte avec tout logiciel de traitement d'image, dans son cas, c'est Affinity, ça aurait pu être Photoshop ou autre. C'est juste une histoire de contrôle.
Justement, pour contrôler il vaut mieux utiliser le logiciel qui affichera l'image au final, donc un navigateur web.
OK, Mais, dans ce cas, le navigateur (safari de base) ne peut être fiable car justement, il est différents d'un appareil à l'autre. Il faut donc beaucoup de test
