• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Pixelation Occurs When Exported from Illustrator

Community Beginner ,
Nov 29, 2022 Nov 29, 2022

Copy link to clipboard

Copied

When file is exported out as JPG or PNG, the beer cans are pixelated.

 

INFO:

-- Illustrator 2023 (creative cloud)

-- iMac M1

-- OS Ventura 13.0.1

 

FILE BUILD: 
-- The base art is vector with photos imported and placed into the file.

 

THESE SOLUTIONS WERE TRIED:
- resaved the beer cans in Photoshop with smaller file size

- changed the position of artboard so that its XY axis is on whole numbers


Looked all over the internet trying to find a solution. Any thoughts would be great. Already spent 3 hours searching and trying. Thanks!

 

 

 

Views

2.1K

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

correct answers 2 Correct answers

Community Expert , Nov 30, 2022 Nov 30, 2022

JPG and PNG are raster based formats. You will have to expect pixels in them.

Votes

Translate

Translate
Community Expert , Nov 30, 2022 Nov 30, 2022

495 pixels wide by 147 pixels high is really small and your image are scaled a lot. Exporting at 300 ppi or higher will improve the result. Have a look at View > Pixel Preview to get the idea of the export.

Votes

Translate

Translate
Adobe
Community Expert ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

JPG and PNG are raster based formats. You will have to expect pixels in them.

Votes

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 Expert ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

This does not look good, are the links still OK?

What size is your artboard and at what PPI do you export the file?

Votes

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 ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

Yeah it looks pretty bad.  Attached some screenshots of the document links and images.

The size of the board is really small -- 495 pixels wide by 147 pixels high at 300 dpi.  The links look like they are linking.

I have used an image on top of a vector graphic in the past so I don't understand why it is not working now.

 

 

Votes

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 Expert ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

quote


The size of the board is really small -- 495 pixels wide by 147 pixels high at 300 dpi.  


By @33delaware

 

This is intended for a 1.65 x 0.5 inch print file?

Votes

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 Expert ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

I would just make a screendump, high res images rotated, scaled very small and exported at 72 ppi is probably outside the range of a vector app like Illustrator.

Votes

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 ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

Thanks Ton. A screenshot is probably a great idea. Didn't think of that. 

Yeah, I even recreated this in Photoshop but it doesn't work either. Will keep trying and see what I can do. 

Votes

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 ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

It is being used for SharePoint so digital. That size was given to me by their IT dept.

Votes

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 Expert ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

Do they want it 495 px width, or the size you uploaded here (2048)? If the former, use 72 PPI. Ignore their requirement, it is nonsensical.

Votes

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 Expert ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

495 pixels wide by 147 pixels high is really small and your image are scaled a lot. Exporting at 300 ppi or higher will improve the result. Have a look at View > Pixel Preview to get the idea of the export.

Votes

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
Mentor ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

Show us a screenshot of a can selected and the Links panel...

Votes

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 ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

I'm including several screenshots below. This is so perplexing.

Votes

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
Participant ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

It appears to me that you may be using the export for screens to output these files correct? If so, this problem has never been fixed. The solution is to select your artwork, and run the filter called "Rasterize". This is just a filter that you can turn on and off in the appearance panel. Set the DPI to whatever you are working on, select the art optimized option and now when you export, the image should look perfect.

Votes

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 ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

I export it from Illustrator and select "Export as..." Attaching screenshot here of that dialog box. 
When you say, run it through the filter "Rasterize", do you mean Photoshop or Illustrator? If you mean Illustrator, do I just select the image from Illustrator and run it through Effects/Rasterize? If so it didn't do anything. 

Wondering if there is a problem with the image? Attaching one of the image below here too just in case it is helpful

Votes

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
Participant ,
Dec 01, 2022 Dec 01, 2022

Copy link to clipboard

Copied

Hi! So what I am saying is in your artboard with everything set up the way you want, you can select the images of the cans specifically and go to effects -> rasterize and if its for print, do 300 and for screen do 72 and select art optimized and transparent background. The images of the cans will then be rasterized (not permanently! Just for the purpose of exporting this graphic) Now when you go to export through the "Export As" you will see the image looks perfect.

 

I know this because if you want to compare, just go to File - Export - Save for Web and look at your graphic in that window. Chances are, you aren't seeing the pixelation anymore because the whole image is rasterized. Try and it and let me know.

Votes

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
Participant ,
Dec 01, 2022 Dec 01, 2022

Copy link to clipboard

Copied

LATEST

I downloaded your images and did the tests myself -- the images looked perfect when I used the method I mentioned.

Votes

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
Mentor ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

I missed this before: "495 pixels wide by 147 pixels high at 300 dpi" - that's VERY small, not a lot of info you can pack into 147 pixels...

Votes

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 ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

Thanks Met1. I think you are right. It is a size given to me to use. Will keep trying and post my final solution...if any. 

Votes

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
Mentor ,
Nov 30, 2022 Nov 30, 2022

Copy link to clipboard

Copied

You're can image is 665pi, so you're throwing out 500 before you've even scaled it!

Votes

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