Skip to main content
Participating Frequently
December 8, 2019
Answered

White border appears around the exported jpeg file

  • December 8, 2019
  • 8 replies
  • 61597 views

Hi. I'm making seamless patterns that I print on fabrics. When I export file as jpeg from Illustrator, and then open the jpeg in Photoshop, a pixel wide border appears around the image, or it is rather that the outermost pixel around the image is faded. Then my pattern isn't seamless anymore. I need to have a jpeg file to send to the fabrics printing company. How can I get rid of the light border around the image? It doesn't matter whether I choose anti-aliasing or not, the border is still there.

Correct answer gerrief64829707

I just discovered this problem may be because the number of objects that I use is far more than usual, so that makes a little lag in the illustrator. but I have found a solution, I am also a pattern design maker so I drag the file to Photoshop and export the file there. and magical! no white lines on the edges.

8 replies

Participant
August 30, 2023

Check your bleed settings! Make sure there is no bleed. I was having the same problem and discovered that it was creating the white outline where the bleed was set. 

Participating Frequently
August 31, 2023
Thanks very much for your advice. In an earlier version of Illustrator, I discovered the I had to select "export artboard only" to avoid white borders. Recent upgrades to Illustrator include a feature that automatically exports just the content on the artboard. There is no white border now, regardless of whether I remove the bleed.
au - thomasr82165624
Participant
May 11, 2021

Anyone find a solution? I have the same issue when exporting blocks of solid colour.

I then have to open each block in photoshop and draw over the white border lines... Pretty damn time consumming when doing it to 100s of images.

 

I like the export seeting in .ai as i can export 1x 2x 3x etc..

 

Ton Frederiks
Community Expert
Community Expert
May 11, 2021

Did you read the suggestions above?

In Illustrator set your units to pixels or points.

Your art and artboard should not contain fractional pixels (points).

Check your Rulers, are they Global rulers?

Check the Artboard options; are the top left X/Y coordinates whole numbers (no fractions)

Select and check your colorblocks, are the width and height whole numbers, are the upper left X/Y coordinates  whole numbers?

Export the artboard at 72 ppi or a multiple thereof (144, 216, 288).

iD3Z1GN
Inspiring
March 29, 2023

There is now a problem when exporting JPG and PNG files via the Asset Export feature. This causes white lines to appear on the top and right side only of an exported image.
The work around is to do it the old way: File > Export > Export for screens
BTW we should not have to set units to Pixels or points or fractional pixels BS this has never been an issue at Dev level. Please do not give that sort of infomration out - thank you.

Participant
August 31, 2020

I had this issue too! I was able to solve it by changing 'anti-aliasing' to None. 

Participant
March 7, 2021

Thanks. Worked for me

gerrief64829707
gerrief64829707Correct answer
Participant
May 28, 2020

I just discovered this problem may be because the number of objects that I use is far more than usual, so that makes a little lag in the illustrator. but I have found a solution, I am also a pattern design maker so I drag the file to Photoshop and export the file there. and magical! no white lines on the edges.

Participating Frequently
June 26, 2020

Thank you, your solution works!

Participant
May 5, 2020

Hi! I have been using illustrator for patterns for many years, I have never had this problem before. Ever since I installed ai 2020, I am having the same problem when exporting a JPG file.  Did you find a solution to this problem?  Thank you so much!

Participating Frequently
June 26, 2020

Hi! Try the solution in the post below by gerrief64829707. Another solution is to export the file as tif from Illustrator, and then open and save it as jpeg in Photoshop.

meganchi
Legend
December 9, 2019

When exporting your artwork as jpeg, in the export dialog box located beneath the file formats, select "use artboards" then click the Export button.

Participant
March 24, 2022

Thank you!!!!!!! Wish I read that hours ago! I hope something wonderful happens for you tomorrow! 

Monika Gause
Community Expert
Community Expert
December 8, 2019

At which resolution do you export? Other than 72 will almost always have this.

Legend
December 9, 2019

Hi Monika, not having real world experience with patterns on fabrics, how it can be solved or worked around?

Saving in Ai, as .ai or .pdf and placing in Photoshop, and export from there to jpg? ...

Monika Gause
Community Expert
Community Expert
December 9, 2019

Set up your file in the pixel dimensons you need. Set your artboard to whole pixels

Align stuff on the edges to whole pixel (resp overlap the artboard bounds).

Export at 72 ppi.

Ton Frederiks
Community Expert
Community Expert
December 8, 2019

Does your pattern tile size contain fractional pixel values?

Do you export a single pattern tile?

Participating Frequently
December 9, 2019

Thanks for your idea, I did have fractional pixel values. Unfortunately, it didn't help to change that. Yes, I export a single pattern tile, and then test the seamlessness of the pattern by putting four tiles next to eachother in Photoshop.

Ton Frederiks
Community Expert
Community Expert
December 9, 2019

You can try this:

In Illustrator set your units to pixels or points.

Your art and artboard should not contain fractional pixels (points).

Check your Rulers, are they Global rulers?

Check the Artboard options; are the top left X/Y coordinates whole numbers (no fractions)

Select and check the art, are the width and height whole numbers, are the upper left X/Y coordinates  whole numbers?

Export the artboard at 72 ppi or a multiple thereof (144, 216, 288).