PMV Posted August 25, 2018 Share Posted August 25, 2018 I'm creating a Web Banner at and while designing, it appears clear and crisp but once it's exported as a .JPEG it becomes very blurry and low quality looking. I can't figure out what I can possibly be doing wrong. It seems that other programs export clearly but I can't get my images to come out clearly. I've attached it to be reviewed, any help is much appreciated! Sample.afdesign Quote Link to comment Share on other sites More sharing options...
Fixx Posted August 25, 2018 Share Posted August 25, 2018 Looks quite like original to me: I though used quality 75% as blue around the text gets artefacts very easily. 20 kb size. (There is some difference between desktop viewer and this forum presentation, looks like lest text is bluer here? Also, orange is different. Maybe colour profile interpretation is different? This forum should not repack images I think.) PMV 1 Quote Link to comment Share on other sites More sharing options...
A_B_C Posted August 25, 2018 Share Posted August 25, 2018 For this type of file, I would strongly recommend exporting to PNG rather than to JPEG. You will get no compression artifacts around letters and contours and an overall smaller file size (13kb) at better quality. Fixx, PMV and Alfred 3 Quote Link to comment Share on other sites More sharing options...
Staff DWright Posted August 25, 2018 Staff Share Posted August 25, 2018 If you wish to keep the image as a JPEG you can change the render to bicubic for a sharper image but it will increase the image size to 60Kb Quote Link to comment Share on other sites More sharing options...
gdenby Posted August 25, 2018 Share Posted August 25, 2018 Hi, PMV, Switch your view mode to pixels, or pixels (retina) if you are on a mac. You will see the actual pixel rendering of the vectors is quite jagged. At the least, the banner will have anti-aliasing artifacts. I looked into the file a bit more, having tried saving it in various formats, and noticed the when saved as .svg, and opened in Firefox and Chrome, the letters "The Hidden Costs..." rendered clearly, while the others did not. Likewise the orange enclosing shape was a blurred mess. The letters that were blurred were still as text, while the others were vector curves, and surrounded by an fx outline. The orange line enclosure was also formed by an fx. Both were being rasterized. Change the orange vector to have a thick stroke, and give the" Data.." letters a stroke instead of the outline, you should be able to export as .svg, which all contemporary browsers support, and have something as cleans as can be expected. Both .jpg and .png will look better too, tho' have the inevitable anti aliasing artifact that are caused by converting to a pixel format. PMV 1 Quote iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb, AMD Radeon R9 M290 2048 Mb iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil Huion WH1409 tablet Link to comment Share on other sites More sharing options...
lepr Posted August 25, 2018 Share Posted August 25, 2018 . Quote Link to comment Share on other sites More sharing options...
lepr Posted August 25, 2018 Share Posted August 25, 2018 . A_B_C and PMV 2 Quote Link to comment Share on other sites More sharing options...
A_B_C Posted August 25, 2018 Share Posted August 25, 2018 This is a great trick, particularly for the black-on-white text of the banner. Though I believe the quality issues with the orange shape result from an unfortunate selection of object properties. This shape has a zero-width stroke, an outline applied, and an outer shadow. Use a simple stroke instead, and you can pretty much achieve the same quality using a direct (100%) export. Direct Bicubic Direct Lanczos-Separable PMV 1 Quote Link to comment Share on other sites More sharing options...
lepr Posted August 25, 2018 Share Posted August 25, 2018 . Quote Link to comment Share on other sites More sharing options...
A_B_C Posted August 25, 2018 Share Posted August 25, 2018 Yes, that’s true … and a trick to remember, for sure … lepr 1 Quote Link to comment Share on other sites More sharing options...
PMV Posted August 26, 2018 Author Share Posted August 26, 2018 Thank you all for the input - very much appreciated!!!! A_B_C 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.