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!
JPG and PNG are raster based formats. You will have to expect pixels in them.
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.
Copy link to clipboard
Copied
JPG and PNG are raster based formats. You will have to expect pixels in them.
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?
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.
Copy link to clipboard
Copied
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?
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.
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.
Copy link to clipboard
Copied
It is being used for SharePoint so digital. That size was given to me by their IT dept.
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.
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.
Copy link to clipboard
Copied
Show us a screenshot of a can selected and the Links panel...
Copy link to clipboard
Copied
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.
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
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.
Copy link to clipboard
Copied
I downloaded your images and did the tests myself -- the images looked perfect when I used the method I mentioned.
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...
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.
Copy link to clipboard
Copied
You're can image is 665pi, so you're throwing out 500 before you've even scaled it!