I am trying to create banners/logos for social media platforms. I am not a professional and likely have terrible workflow. I create my artwork, group the paths, clip the group to the social media banner suggested size, and export to png. The pngs are fuzzy when I zoom in.
I have tried increasing dpi, which changes the image size. It does not help when I post to the platforms. I recently tried using pixel snap extension, but it moved the objects and change the look. I saw some information about setting a 1x1 px grid from the start and snapping to the grid. Obviously, I have not done that...
I am operating on Windows 10 version 20H2 64-bit. I'm using Inkscape 1.0.2-2 (e86c870879, 2021-01-15). Installer was inkscape-1.0.2-2-x64.exe from Inkscape site. I'm using a laptop docked to two monitors.
Other social media pages seem to have no problem with crisp images/logos when I zoom into them. My goal is to have a crisp image even when the zoom is increased.
Let's use linkedin for example. Personal page banner size is 1,584 px x 396 px. Here's link to my page so that you can see for yourself. Jake Whaley | LinkedIn. Image is not bad, but definitely somewhat pixel, especially when you click it to zoom in.
I used the 1000dpi version attached on my profile. quality is worse if I use the 96dpi version (which is 1,584px x 396px). Maybe my logo just isn't right for this, but I feel like it should be more crisp than it is?
No linkedin account here. 1000dpi will be interpolated I guess to fit the size. Best quality would be an SVG - can´t say if this is possible on the requested web-sites. Is this all in all vector-based or just embedded raster graphics?
Inkscape Tip: Exporting crisp PNG images - YouTube I saw this video and someone had success doing this. I didn't see end product and am not familiar with what's going on in the background of this extension, but it did not work for me.
No problem. Thank you for your help. Will let you know if I figure out how to get something to work. Seems like it's just a px resolution problem with the sites I'm trying to post on.
Beginners' Questions Export PNG is fuzzy
Inkscape.org
I am trying to create banners/logos for social media platforms. I am not a professional and likely have terrible workflow. I create my artwork, group the paths, clip the group to the social media banner suggested size, and export to png. The pngs are fuzzy when I zoom in.
I have tried increasing dpi, which changes the image size. It does not help when I post to the platforms. I recently tried using pixel snap extension, but it moved the objects and change the look. I saw some information about setting a 1x1 px grid from the start and snapping to the grid. Obviously, I have not done that...
I am operating on Windows 10 version 20H2 64-bit. I'm using Inkscape 1.0.2-2 (e86c870879, 2021-01-15). Installer was inkscape-1.0.2-2-x64.exe from Inkscape site. I'm using a laptop docked to two monitors.
Other social media pages seem to have no problem with crisp images/logos when I zoom into them. My goal is to have a crisp image even when the zoom is increased.
Ignore dpi - what is the max res in px you can place as a banner and set it up at the PNG exporter.
Let's use linkedin for example. Personal page banner size is 1,584 px x 396 px. Here's link to my page so that you can see for yourself. Jake Whaley | LinkedIn. Image is not bad, but definitely somewhat pixel, especially when you click it to zoom in.
I used the 1000dpi version attached on my profile. quality is worse if I use the 96dpi version (which is 1,584px x 396px). Maybe my logo just isn't right for this, but I feel like it should be more crisp than it is?
Open to suggestions.
Forgot to include these.
No linkedin account here. 1000dpi will be interpolated I guess to fit the size. Best quality would be an SVG - can´t say if this is possible on the requested web-sites. Is this all in all vector-based or just embedded raster graphics?
All are svg. file attached.
I tested with other SVG editors - hoping of better anti-aliasing but to no avail. ;-(
Screenshot won´t tell the truth as I´m on 32"UHD monitor:
Any suggestion on what I can do?
Inkscape Tip: Exporting crisp PNG images - YouTube I saw this video and someone had success doing this. I didn't see end product and am not familiar with what's going on in the background of this extension, but it did not work for me.
This applies just for 100% horizontally/vertically edges - not diagonally lines.
How is this looking?
Looks good to me. What did you do?
I exported with 192dpi - take the result and (I´m on macOS) take the image viewer Preview.app and rescale to half res at 72 dpi.
got it. Unfortunately, I just tried, and it was the same result as exporting directly at 72dpi (using Microsoft photo resize).
Sorry to hear that.
No problem. Thank you for your help. Will let you know if I figure out how to get something to work. Seems like it's just a px resolution problem with the sites I'm trying to post on.