brodydez Posted April 28, 2015 Share Posted April 28, 2015 Hi, I downloaded the AD form the Mac App Store yesterday and started working. Everything I export is coming out blurry. I have the document setup at 300dpi and when I export it, it just comes out pixelated. Even just text that looks perfect in AD is pixelated at the edges when I export. I am exporting as png or jpg for web. I have done it just as an export as well as a slice and nothing is coming out clear. Pretty frustrating. Is there something that I am doing wrong or is this just a glitch? Any help would be appreciated. I have attached a screen shot of the text in AD and then the exported PNG so you can see what I am talking about. Thanks Brody Quote Link to comment Share on other sites More sharing options...
Staff MattP Posted April 28, 2015 Staff Share Posted April 28, 2015 What are the pixel dimensions of the image you're exporting and how big are you placing it? You may be designing at 300dpi, but if it's only got enough pixels for 1 inch and you're using it at 5 inches then it will look blurry :) Quote Link to comment Share on other sites More sharing options...
brodydez Posted April 28, 2015 Author Share Posted April 28, 2015 I am building the file at 640 x 142 @ 300dpi and then placing it at that size in the file I am using. Even when I just open the file in say preview it is soft on the edges. I just did a 4000 x 2000 @ 300 dpi and placed it on on the same 640 x 142 spot and its clear, but I shouldn't really need to export that large. Quote Link to comment Share on other sites More sharing options...
brodydez Posted April 28, 2015 Author Share Posted April 28, 2015 I downloaded the app on another computer and opened it up and tested it out with the same settings and its clear. So I am guessing that I just have a glitch or something it the software. I plan on deleting the app and then downloading it again, restarting the computer and testing it out. I will post back and let you know if I have the same issues. Thanks! Brody Quote Link to comment Share on other sites More sharing options...
Staff MattP Posted April 29, 2015 Staff Share Posted April 29, 2015 Hi Brody, The image you've attached to the forum here has 640x100 pixels. In order for it to be used at 300dpi, it must occupy a space of 2.133x0.333 inches. As long as it's actually used at that physical size then it will be 300dpi and it will look good. An easy test is this: If you open your .afdesign file and just hit Cmd+8 (View->Actual Size) then this is the actual physical size at which your design should appear. Is this the size you intended to use it at? :) Thanks, Matt Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted April 29, 2015 Staff Share Posted April 29, 2015 Hi Brody, Welcome to Affinity Forums :) I'm not sure i understood your post correctly. What's the intended use of this image? From your first post i believe you are creating it for web use only (not for print). You can't compare the sharpness of vector objects (your text inside Affinity) with pixel objects (your exported image) because vector objects are defined mathematically - they never lose quality, while a raster image will only look good (its best) at the size it was created for (or taken - in the case of a photography). In this case, since the number of pixels available (640 x 142) is relatively small for the amount of detail that the text requires, the conversion from vector to pixels makes the text blurry because the complexity of the letters (their shape) doesn't fit exactly on whole pixels. When you exported from a bigger document (your 4000 x 2000 pixels example) the text looked a bit better (but still blurry) because the conversion process had more data to work with and smoothed the contours of the letters a little more. This doesn't mean it's sharper (it isn't), it's just more smoother (the pixelization was just "toned down" becoming less perceptible). Quote A Guide to Learning Affinity Software | Affinity Quick Reference Link to comment Share on other sites More sharing options...
James Barbosa Posted July 31, 2015 Share Posted July 31, 2015 Hello the problem still there i tried to export in affinity and photoshop the same file with the same font the difference is your text blurry in affinity and not in photoshop can you fix that ? I tried exactly the same exporte the result is not the same I put my exported files into self serve ( at my work ) to create web site and file with text from affinty still blurry Can you provide any solution i really enjoying your product Banner 250 from afifinity Helidesign 1 Quote Link to comment Share on other sites More sharing options...
Staff MattP Posted July 31, 2015 Staff Share Posted July 31, 2015 You've got a completely different font and size in that sample - is there any chance you could just send us a .afdesign file and the same thing as .psd and we can see if there is actually an error? Thanks :) Matt Quote Link to comment Share on other sites More sharing options...
Helidesign Posted December 25, 2016 Share Posted December 25, 2016 i have exactly the same problem. Affinity = text blurry Photoshop Elements = sharp Quote Link to comment Share on other sites More sharing options...
Aammppaa Posted December 26, 2016 Share Posted December 26, 2016 Hi Helidesign, This is a very old thread (last reply is 18 months ago). I think you'd be better off to post your own topic, and please give as much information as possible so that people stand a good chance of helping you... Are you using Mac or PC? Affinity Designer or Photo? Which version? Can you attach the exported JPG / PNG? Screenshots of the same thing in Affinity? The afdesigner / afphoto file itself? The equivalent PSD file for comparison? firstdefence 1 Quote Win10 Home x64 | AMD Ryzen 7 2700X @ 3.7GHz | 48 GB RAM | 1TB SSD | nVidia GTX 1660 | Wacom Intuos Pro Link to comment Share on other sites More sharing options...
Staff MEB Posted December 26, 2016 Staff Share Posted December 26, 2016 Hi Helidesign, Welcome to Affinity Forums :) Are you resizing the image when you export it? If so, do you have changed the Resample from Bilinear to Bicubic or Lanczos? They will give you a better result. Quote A Guide to Learning Affinity Software | Affinity Quick Reference Link to comment Share on other sites More sharing options...
dmythro Posted March 24, 2017 Share Posted March 24, 2017 Snap, I have this now. Sharp when editing, but some layers are so blurry on export (without any resizing). File is in CMYK/8. JohaWeber 1 Quote Link to comment Share on other sites More sharing options...
ioserg Posted May 31, 2018 Share Posted May 31, 2018 Hi, I just got the same problem. I've been using AD for a couple of months now, and everything was working fine. The only thing I did different this time is that I used the export persona for exporting a layered document. After this, I every image I resize gets blurry. I tried different formats, resampling with bicubic, bilinear and all the others when resizing and when exporting. The weirdest part is that even when I try to export as SVG, it comes out blurry. I attached an example with the original png at 2560 × 1600 and then the resized one at 500 x 312. Any other things I should try? Quote Link to comment Share on other sites More sharing options...
toltec Posted May 31, 2018 Share Posted May 31, 2018 1 hour ago, ioserg said: Hi, I just got the same problem. I've been using AD for a couple of months now, and everything was working fine. The only thing I did different this time is that I used the export persona for exporting a layered document. After this, I every image I resize gets blurry. I tried different formats, resampling with bicubic, bilinear and all the others when resizing and when exporting. The weirdest part is that even when I try to export as SVG, it comes out blurry. I attached an example with the original png at 2560 × 1600 and then the resized one at 500 x 312. Any other things I should try? 500 pixels is far too small for that sort of image. The text ends up as two or three pixels Assuming your monitor is 1920 x 1080 the optimum size to view it as is one quarter the size of the monitor. If you apply a bit of unsharp mask and resize using Bicubic or Bileanar it helps, but you need more pixels. I also exported to PNG to avoid JPEG loss. Quote Windows PCs. Photo and Designer, latest non-beta versions. Link to comment Share on other sites More sharing options...
Alfred Posted May 31, 2018 Share Posted May 31, 2018 1 hour ago, ioserg said: I attached an example with the original png at 2560 × 1600 and then the resized one at 500 x 312. It would be better to use a whole number scaling factor (e.g. dividing by 4 to give 640 × 400) but if that’s too big you should at least go for round numbers (e.g. 512 × 320). Quote Alfred Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen) Link to comment Share on other sites More sharing options...
ioserg Posted May 31, 2018 Share Posted May 31, 2018 Thanks for your reply tlotec and alfred, but I've been using AD for 2 months and I didn't have to resize in scaling factors, I've also been scaling large images to small ones with no issues. This is why I think I may have messed up some settings. I've been building websites, apps, and digital design related graphics and I know it shouldn't look like this, it's way too blurry. Another strange thing is that the same thing happens with SVG files. When I export the complete document in slices, the file gets exported in svg format, but it gets pixelated. I already reinstalled AD to see if this fixed the problem, but it's still the same. Here's another example of the same image at 1000px, I'm sure it shouldn't look like this. Quote Link to comment Share on other sites More sharing options...
carl123 Posted May 31, 2018 Share Posted May 31, 2018 The original pictures you are showing us are PNG files the resized ones you say are wrong are JPGs Are you sure you did not previously export these as PNG files as well (which in theory should be better quality) Quote To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time. Link to comment Share on other sites More sharing options...
ioserg Posted May 31, 2018 Share Posted May 31, 2018 9 minutes ago, carl123 said: The original pictures you are showing us are PNG files the resized ones you say are wrong are JPGs Are you sure you did not previously export these as PNG files as well (which in theory should be better quality) Here's one exported in the same PNG format. I've been saving images from JPEG to PNG and PNG to JPEG with no issues. Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted May 31, 2018 Staff Share Posted May 31, 2018 Hi ioserg, Welcome to Affinity Forums You said you are exporting a layered document. I also don't know if you are using artboards. In both cases please check if you have objects (this includes the artboards)/images with non-integer X,Y coordinates and or width/height dimensions in the Transform panel. If so remove the decimal part from them. Make sure you also have Force Pixel Alignment enabled in the main toolbar (also disable Move By Whole Pixels otherwise if you move scale objects the decimal part will be kept). Without seeing the affinity document i don't know what else to suggest for now. Quote A Guide to Learning Affinity Software | Affinity Quick Reference Link to comment Share on other sites More sharing options...
ioserg Posted May 31, 2018 Share Posted May 31, 2018 1 hour ago, MEB said: Hi ioserg, Welcome to Affinity Forums You said you are exporting a layered document. I also don't know if you are using artboards. In both cases please check if you have objects (this includes the artboards)/images with non-integer X,Y coordinates and or width/height dimensions in the Transform panel. If so remove the decimal part from them. Make sure you also have Force Pixel Alignment enabled in the main toolbar (also disable Move By Whole Pixels otherwise if you move scale objects the decimal part will be kept). Without seeing the affinity document i don't know what else to suggest for now. Thanks, I think I'm going to export it twice the size so it looks better. Quote Link to comment Share on other sites More sharing options...
Uncle Mez Posted June 15, 2018 Share Posted June 15, 2018 Hello guys, i'm having the same issue too ! I just don't know what caused that. I'm mostly doing Social Network content with Affinity Designer (and picture work with Affinity Photo); i use to make things in their normal size (actual FB Banner is 820x312px) and just export it as PNG (in my old Ai days). Just put it on internet as banner and it works very well. The with Affinity Designer, i design and everything looks good in the workspace but when i export then things gets blurry and even worst when i upload it on internet ... more strange, the same file exported for print (PNG or PDF) is sharp and nice (and peoples like it). So i though maybe i should not design my banners using the official size but make it 4 times bigger than it should be and export it in recommanded format with recommanded size but using the export function (not the persona) and see if it works well ... but it's still strange to me as i never do complicated work and most of the time o work with vector and make small use of image/pixel content. Someone to help me get it better before i do something that may kill my workflow ? Quote Never be the Same Again ! ---Dell Optiplex 5090 SFFIntel Core i5-10500T @2.30GHz with 12GiB 2666MHz DDR4Intel UHD Graphics 630 for 10th Generation M.2 2280, 512 GB, PCIe NVMe Gen3 x4, Class 40 SSDWindows 11 Pro x64 22H2 + LibreOffice 7.5.3 Link to comment Share on other sites More sharing options...
Uncle Mez Posted June 15, 2018 Share Posted June 15, 2018 Just coming back into this. I don't know but i've tested with already existing FB Banner and it's only get sharper online when the output size is doubled or tripled but the issue is: Triple size is 11meg big. When i upload it here, compression is less than FB so you may not see what i see. Any advice for this issue? I mean not being able to post sharper stuff on FB is an issue, right? Quote Never be the Same Again ! ---Dell Optiplex 5090 SFFIntel Core i5-10500T @2.30GHz with 12GiB 2666MHz DDR4Intel UHD Graphics 630 for 10th Generation M.2 2280, 512 GB, PCIe NVMe Gen3 x4, Class 40 SSDWindows 11 Pro x64 22H2 + LibreOffice 7.5.3 Link to comment Share on other sites More sharing options...
Alfred Posted June 15, 2018 Share Posted June 15, 2018 8 hours ago, Arnaud Mez said: (actual FB Banner is 820x312px) A Facebook banner image should be 851 × 315 pixels. Resizing a 820 × 312 image to the standard dimensions is unlikely to keep it sharp. Uncle Mez 1 Quote Alfred Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen) Link to comment Share on other sites More sharing options...
Designer-Clint Posted March 7, 2019 Share Posted March 7, 2019 I'm having the same problem. Trying to make google ads and when exporting text looks blurry. Have tried different settings and changed Bilinear to Bicubic and no difference. Has anyone made google banner ads using text? Here's below image. Quote Link to comment Share on other sites More sharing options...
VideoMantis Posted January 28, 2021 Share Posted January 28, 2021 I am having the same problem. Very frustrating. If I am adding Text, it should be laser sharp upon export. I am including my Google Ad Artwork File, and just showing you the 200x200 export - in the program, sharp as hell. Upon export, its fuzzy unless I do 2X or 3X sizing - which Google Ads does not want. What is going on? ADLayout_VM_BoomRightMasterClass_2021JAN.afdesign 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.