Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Bad quality after import to Instagram - Adobe Illustrator

Community Beginner ,
Oct 16, 2021 Oct 16, 2021

Copy link to clipboard

Copied

Hello everyone,

 

I made my design in Adobe Illustrator for an Instagram Profile Picture, size 110px*110px, RGB, 72ppi.

But when I export the artwork, it looks very bad when I import to instagram.

I used many different sizes and export types (JPEG and PNG)

Any Help please?

KhadijaAis_0-1634374831829.png

pp_Instagram PP.png

 Thank you in advance for your help.

TOPICS
How to, Import and export

Views

105

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 16, 2021 Oct 16, 2021

Copy link to clipboard

Copied

Does it look bad after you export from Illustrator but before you upload to Instagram, or only after you upload to Instagram?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 17, 2021 Oct 17, 2021

Copy link to clipboard

Copied

After I updated to Instagram

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 16, 2021 Oct 16, 2021

Copy link to clipboard

Copied

I believe Instagram recompresses your image with high JPEG compression. This is OK for pictures, but notoriously bad for solid colour changes. This isn't a fault, it's supposed to work that way. Try making a design with gradual colour changes, it might work better. But ultimately Instagram expects photos and optimizes for that case.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 16, 2021 Oct 16, 2021

Copy link to clipboard

Copied

The samples you put up do bot look bad, that is what you get for 110 x110 pixels. If you pinch zoom on mobile will get stairstepped, only way to help that is if Instagram can take the .svgformt. Whiel SVG has been web compliant for about 20 years since HTML 5 , not all people updated their software to take that format.

What do you not like about what you posted? Is nto stairstepped or soft. 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 16, 2021 Oct 16, 2021

Copy link to clipboard

Copied

The 2nd  image you posted is 668 x 668, not sure why you did that? Maybe to show what you want it to look like???

 

You can also try gif. Gif has less colors to your rounded edges will look more stairstepped, but you will no get blothces of color. I s a matter of opinion but some might like gif better.

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 17, 2021 Oct 17, 2021

Copy link to clipboard

Copied

Yes, the second photo is about to show you the desired result.

Okey I will try gif and see.

Thank you.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 16, 2021 Oct 16, 2021

Copy link to clipboard

Copied

A couple of things happening here.

Instragram compresses your image after uploading, because they want to keep filesize down.

And this happens no matter what you upload there.

But also depending on the device you are using to view your page, Instagram may send different files. I noticed this on Facebook. They don't support my ancient browser anymore, so I get served the absolute minimum mobile version, which is so compressed, you can hardly recognize anything. It looks absolutely sh***y. When visiting with my iPad, I'm getting served way better quality images.

So you could try different devices to view your Instagram and you might get served different images.

 

And then also your mobile provider might compress images to lower bandwidth.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 17, 2021 Oct 17, 2021

Copy link to clipboard

Copied

It's not about the device or browser, I'm working on a Macbook Pro with the latest version of Chrome.

Also, I tried from my mobile, it's a Samsung S10 but I get the same result.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 17, 2021 Oct 17, 2021

Copy link to clipboard

Copied

LATEST

You won't be able to influence anything that happens on Instagram. They will compress your images at their will. Also: while you might get it to work for your specific device, other people might still see a very bad image. You can only design around that. Use different colors, leave out small details, etc.

 

If the exported image looks OK directly after exporting, then that's all Illustrator can do for you.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines