Instagram doesn't upload good illustrator vectors.

[حفصہس80918323]

Hello. My name is Hafsa Abdul Salam. I have recently joined 'Graphic Designing' and i am having some issues with my work. I recently made this vector art in illustrator. . I used gradient in the background. The size of my art was 1080 x1080 pixels (Instagram resolution). I saved my art using 'Save for Web' and uploaded on instagram. The artwork when i exported from illustrator looks smooth .But when i saw the upload on my Instagram feed, my picture has lines (Like a banding in gradient). This ruined the quality of my whole art. My questions are:

1. How to upload good quality of vector art that includes gradient on Instagram.
2. Is there any other way that i can use to make background for my vector art?
3. What is the ideal resolution to make vector art in illustrator?

Please help me. I have tried every solution present here and on google. Nothing helped. I'm in desperate need of help. I am attaching picture below of my art.

[Monika Gause · Accepted solution]

You don‘t upload vector artwork at all on Instagram, but raster files. On top of that Instgram further compresses your file.

[حفصہس80918323]

Is there any way i can convert my vector file to raster?

[Monika Gause]

You're autmatically doing this by saving as PNG, JPEG or other raster formats.

Your issue probably can't be solved at all because of Instgram's additional compression.

[Test Screen Name]

Instagram is a photo service. It will make changes designed to make photos smaller. These will damage your files, which are not vector by now. Find a service not made for photos or accept the damage. I

[حفصہس80918323]

I see people uploading vector art on Instagram. Their work seems smooth.

[Monika Gause]

JPEG compression (which Instagram uses) is based on human perception. That means it compresses different colors differently, which leads to results that depend not only on the amount of detail present in the image but also the colors used.

Also: JPEG compression is optimized for photos (it's Joint Photographic Experts Group after all) and not for technically created gradients like in your image. Please read about JPEG compression in the Wikipedia.

You will have to deal with what Instagram produces, because you have no influence whatsoever.

[Jacob Bugge]

Hafsa,

A few things in addition to what Monika and Test Screen Name said:

The social media in general appear to be really tough on (design) quality.

In general I suggest the use of PNG (PNG24) over JPEG for artwork like yours for various reasons, but in this case I would suggest JPEG to reduce the destruction by avoiding the PNG>JPEG conversion.

I believe what may appear to be vector artwork is caused by the absence of photo like features, as in your (Instagram) image.

What seems most strange to me is the strong discoloration which looks like what is seen with an unwanted Color Mode conversion from RGB to CMYK.

[Monika Gause]

The color conversion might have happened because the color management is not set up accordingly. When making things for upload on Instagram, you'd better work with the sRGB color profile.

[izzy__isabel]

I'm having the same problem. Except it's for UI work. 

I've seen SO MANY posts from designers all over and the quality is great.

Mine keeps pixelating and I've tried to export so many versions already.

Extremely frustrating.

[Doug A Roberts]

If it looks good after you export from Illustrator, but before uploading to Instagram, but still looks bad in Instagram, then it's largely out of your control.

[Test Screen Name]

No there are NO VECTORS on instagram. Everything is a raster by the time it is uploaded. Be sure you understand the difference, and the effect of saving as PNG or JPEG. Be sure you understand how JPEG compression works.

Also, as an artist you will be very particular about the precise design. Try to see with the eyes of your audience.

[Misbah26095507fgod]

same happened with my art .. even mine had no gradient,it still had those lines...I found a solution of it even though quality will not be much improved but you can take vector to PS and save it there as jpeg .It worked for me. atleast I got rid of those lines and also the picture detail was much better then the illustrator's jpeg.

[Anubhav Majumder]

Hello Misbah26095507fgod,

Sorry to hear about this experience. I would request  you try using the following settings when exporting from Illustrator and share your observations:

Set the Color Model to RGB
Quality to Maximum
Resolution to Screen (72 PPI)
Anti-aliasing to Art Optimized (Supersampling)

Looking forward to your response.

Thanks,

Anubhav