Pixelisation lors de l'exportation JPEG ou PNG

[marion254738376kq9]

Bonjour, 

Je n'arrive pas à trouver de solutions à mon probleme. 
Je souhaite enregistrer mon fichier pour le web, je travaille sur un document en pixels (200  X 200)

Mode RVB, couleurs bien enregistrées en rvb aussi. Tout semble bien parametrer.. 
J'exporte en PDF tout est parfait mais lorsque je veux l'exporter en JPEG ou PNG.. problème tout est pixélisé ... je ne comprends pas et ne sais plus quoi faire .. 

Besoin d'aide svp 

Merci d'avance

Marion

[Doug A Roberts]

200 x 200 pixels is this size:

Is that the size you need?

If you are viewing it any larger than that, you will see pixels.

[marion254738376kq9]

J'ai vu que la taille des images de profils sur instagram sont de 200 X 200. 

Je suis en train de créer les visuels pour mes réseaux sociaux , c'est mon logo que je souhaite afficher ... 

Je suis parvenu a obtenir une image non pixelisé mais en utilisant 300 DPI et non les 72 DPI que j'utilise habituellement pour le web 

[Doug A Roberts]

From a 200 px AI artboard, setting 300 PPI on export will create a 833 x 833 px image.

[marion254738376kq9]

comment faire alors que pour cela ne se pixelise pas svp ? 

[Doug A Roberts]

'Pixelation' occurs when an image is viewed at a larger size than its pixel dimensions. How are you viewing this image? Are you zoming in on it?

[marion254738376kq9]

non , je ne l'aggrandis pas du tout, la pixelisation se fait sans changer la taille de l'image

[Doug A Roberts]

Please share the image.

[Doug A Roberts]

I don't see pixelisation when I view that image at 100% size.

You might see pixels if you view it on a high-PPI monitor (i.e. 4k or Retina). I would say double it (400 x 400 px) for those cases, but I don't know how Instagram handles such things.

[marion254738376kq9]

j'ai en effet un ecrn Rétina .. mais je ne comprends pas cela est du a la resolution de mon ecran et pas au fichier ? 

Comment cela se fait alors que sur le net elle apparaisse pareil pixelisé ? 

[Doug A Roberts]

On a standard HD screen (1920 x 1080 px, for example), when viewed at 'Actual size', one image pixel will be rendered by one monitor pixel. On a high-PPI/Retina screen at the same size, one image pixel will be rendered by 4 monitor pixels (a 2x2 square).

The solution to this in web design is to create images that are double the 'standard' monitor pixel size (a 200 px image becomes 400 px), and display them as half the size.

[Monika Gause · Accepted solution]

Looks as expected.

As always with Instagram: Just upload a much larger image than they tell you to. 3 or 4 times as large. The dimensions in their documentation have not been updated in ages. Here is a technical explanation of this Retina thing. We are now at 3 or 4 times recolution. https://www.danrodney.com/blog/retina-web-graphics-explained-1x-versus-2x-low-res-versus-hi-res/

[marion254738376kq9]

ok , i will learn to creat good image for the web. Thanks for your help