occultiv8or

Thank you, guys! I made an SVG and it worked. I'll have to work more with the the code side of it for web. All-media-lab - a few more question. So, for icons and pixel perfect stuff, I should go with SVG format because this will scale to screen resolutions but stay at the same "view size." But, in the case that I'm exporting to JPG or something, here's where I'm confused and also don't know the right terminology. Lets say I want an image to fit a 600px area. I edit the image and crop it down to 600px. But this 600px width picture, when scaled on a higher resolution screen, will show artifacts when viewed at the same "view size" fitting that 600px area. How do I increase the resolution of a 600px image but keep it at the same visual width - i.e.- fitting a 600px area? Do I just export a larger image and scale it down in the css? What's the best method. On your website's examples you loaded multiple image sizes for different screen resolutions. I assume this is to keep the file that is actually loaded as small as possible. So for each version of the image, are the images the same "visual sizes" but higher resolution? or are they larger sizes scaled down to fit the same area - like a 600px container, to compensate for resolution. Again, thanks for the help, I've been struggling with this for months. I have created tons of good stuff in Affinity and love how fast the UI is and didn't want to stop using it.

all media lab - Both examples you have posted have blurry edges. I also viewed them on other devices / retina screen and they were still very soft. I created icons, and the end result is similar to the junk I made in MS paint back in 1999. For those who remember making great icons in paint then saving the file as BMP or JPG and ending up with a blurry navigation buttons. Hah! - then using <td>, <tr> tags to style your whole page! That's where I'm at in 2018 with AD. I would assume the export options are default since I reinstalled the software just before I created this example. For this one I selected default in export persona. The results are the same, hazy edges. I can't use the resulting image. Am I the only one seeing this? Also, I attached a simple picture I made that shows how bad this looks. Assuming these are the default settings, what would I change to fix this? I looked at the two threads above. This is visible on non-4K screens as well. None of this happens with Inkscape. I'l post an example of that when I'm back on my Linux box. newslice.afdesign

I am not able to export clear images created in Affinity Design. I have used Affinity design and photo for web design for the past year and have had bad luck with it. In this example, I opened a new file and made a few lines to demonstrate this. Demo1 is the affinity design file, and demo 2 is the exported file. I exported it by creating a slice and using the export persona. the only way I can get usable images for clients is to export it at twice the display size. I have been using GIMP photo and Inkspace lately because the exports are clear and the edges/curves are sharp. What am I doing wrong? I love using affinity but anything I create in it is unusable. I am using windows 10 and a 4k monitor, if that helps. Thanks in advance! demo1.afdesign