Blurry or Pixelated Logo in Sela Theme
-
I am wondering if anybody can advise on how to create a sharper-looking image for my blog’s logo, which currently appears slightly pixelated and fuzzy.
I used the mobile app, “Adobe Ideas,” to draw the image, forwarded it to my email as a PDF, and then tried changing it to first a jpeg and subsequently to a png. Both types appeared blurry after uploading.
The original image appeared very clear, but I did change the size of the picture to 45px wide x 47px high so that it would more or less match the size of my blog title. I would love to know a way to create a sharper image both for my blog and for business cards I plan to have made.
The blog I need help with is: (visible only to logged in users)
-
I’m not seeing any pixelation on the logo to the left of your site title. Did you change it?
On logos and other graphics, it is best, if you can, to create the image in a vector based drawing program, or in something like Photoshop. There are a number of open source (free) image editing programs out there that do a very fine job on graphics. The two that come immediately to mind are Gimp and Inkscape. Gimp is aimed more at image editing and manipulation whereas Inkscape is a Vector drawing program. Vector based images can always be saved at nearly any size and will produce sharp results. For images such as your logo, I would recommend PNG over JPG. JPG is more for photographic images and images with gradients.
-
Hi thesacredpath, thanks for the reply. I didn’t change the logo. It still looks pixelated and fuzzy to me, even though I used a vector program (Adobe Ideas for iPhone) to create it, and I converted it from a PDF to a PNG.
I’ve been doing some Googling and came across this that seems to depict the issue, but with words: http://graphicdesign.stackexchange.com/questions/15808/my-web-logo-looks-pixelated-after-resizing
I will keep trying to make the image clearer, but do let me know if you have any other ideas. Thanks!
-
The article/discussion you mention has good information in it. If you have access to Illustrator, creating and sizing to the final size in that vector program before rasterizing would be the best, and then save it as a png with no antialiasing applied. That should produce the sharpest image.
-
I don’t have Illustrator, but I could always download a trial version. Unfortunately, Adobe Ideas doesn’t seem to offer the option to export from my phone in any other format than PDF. I’m guessing that this is somehow part of the problem.
Do you know if there is any way to “trace” it in a program like Gimp or Inkscape? I’d like to keep the drawing as is, but just have it appear sharper.
-
Many vector programs have trace features. On some things they work reasonably well, but I’ve yet to trace something that didn’t require tweaking. Depending on the complexity of what was traced, this can be easy or very time consuming. With something as simple as your logo, I would typically just do the tracing myself with the pen tool. I wouldn’t thing it would take too long to trace in Inkscape.
- The topic ‘Blurry or Pixelated Logo in Sela Theme’ is closed to new replies.
WordPress.com Forums 