@ashlie360852678qbd if you created this in both Xd and Express, you need to make sure the images used in both platforms are both high quality. If the images that were used in Xd and Express were of poor quality, they will be exported as poor quality (blurry exports) as well.
Don't compress the export because quality can be lost here. This is why I use PNG as a file format as it is lossless. Lossless reduces file size without discarding any image data compared to lossy (JPEG) reduces file size by discarding data that is deemed less important to the human eye. The more you compress, the more quality you lose. You may notice blurriness, or banding. Same thing if you enlarge it, because the quality degradation goes down too.
Although, on a mobile device (depending on your phone), the screen size, high pixel density, and image optimization creates an illusion of better image quality compared to a larger screen such as a monitor or tv. I know on certain platforms (I use LinkedIn, YouTube, Facebook, that have social media banners), and some of them will have certain size requirements.
I would re-create those to be those sizes. I try not to force it by just creating one file and exporting to a bigger size because of the degradation of the quality. Yes, it means more work, but, I also know I won't have a quality issue. Always use high quality images. Save as a PNG file. If you really need the file size down, still save as a PNG but then use a third party website (tinypng.com or tinyjpg.com both are the same) to reduce file sizes without significantly impacting image quality. I use this when I need to optimize images for the websites as smaller image sizes can improve loading times and overall website performance on mobiles and desktops (I hate websites that take forever to load!). Hope that helps
4
Replies
AdChoices
