). Unfortunately the logo looks blurry on the screen. This is particularly obvious with the shutter 'O'

Posted in: #AdobeIllustrator #Logo #Svg #WebsiteDesign

I created an svg logo for a website ( prionts.com.au/ ). Unfortunately the logo looks blurry on the screen. This is particularly obvious with the shutter 'O' and the 'Photography by Rio Jones' text. Image below shows what I mean.

Some information to help:

I built the logo at 2520px by 1110px. At this size it looks nice and
crispy. It is displayed on the web page at 210px wide or 1/12 size. Is this too much of a reduction in size?
Writing is text converted to outline.
Assets are not placed pixel perfect. I tried pushing all the points of the shutter to the perfect edge of a pixel, but it didn't seem to improve it.

Should I:

Build the logo at the resolution it will be displayed at? I thought at 210 I'd really start to lose the ability to finesse things - that's just 8px wide per letter for 'Photography by Rio Jones'
Make sure all points are pixel perfect?
Convert to png?
Use svg text rather than outline? I thought about this, but cross browser capability is an issue.
Or something else?

I'd appreciate any advice on making this logo nice and clear.

10.01% popularity Vote Up Vote Down

: Angled drop shadow on transparent background I have created a logo using two crossed keys. It is a simple matter to add a drop shadow ...but... because one key is resting at an angle atop

@Vandalay110

Posted in: #DropShadow #PhotoshopEffects #Transparency

2 Comments

: If I'm given resources by a client, should I look up the licenses of each one of those resources? If I'm given resources by a client, should I look up the licenses of each one of those

@Vandalay110

Posted in: #ClientRelations #Legal #Licensing

3 Comments

: How to write text on a path in photoshop? Well, the question isn't exactly what it looks like. Now I have a circular path, and text written on it. Now, since the text follows the path of

@Vandalay110

Posted in: #AdobePhotoshop #TextOnPath

1 Comments

: Options for printing white or near white? (Examples included) So, I'm trying to find a solution for printing white ink or nearly white ink on top of scrapbook paper. My wife really enjoys a

@Vandalay110

Posted in: #Ink #White

4 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Jessie844

Oh yes. I got your question now. I suppose what is troubling you is the zagged circle lines of the logo in the left pane. "prionts" I can very well relate it, whenever we try to create something slanting, these zagged edges appear.

My best bet on this one might be that you save the "O" separately and
export it to PNG 24 and then place in between "pri nts" and combine
your logo.

You can also try it with other file formats, but PNG 24 will give you better transparency option.

Don't forget to optimize it for web.

10% popularity Vote Up Vote Down

Feed

: SVG Logo Blurry on Web Page I created an svg logo for a website ( http://prionts.com.au/ ). Unfortunately the logo looks blurry on the screen. This is particularly obvious with the shutter 'O'

More posts by @Vandalay110

: Angled drop shadow on transparent background I have created a logo using two crossed keys. It is a simple matter to add a drop shadow ...but... because one key is resting at an angle atop

: If I'm given resources by a client, should I look up the licenses of each one of those resources? If I'm given resources by a client, should I look up the licenses of each one of those

: How to write text on a path in photoshop? Well, the question isn't exactly what it looks like. Now I have a circular path, and text written on it. Now, since the text follows the path of

: Options for printing white or near white? (Examples included) So, I'm trying to find a solution for printing white ink or nearly white ink on top of scrapbook paper. My wife really enjoys a

Login to post a comment!

1 Comments

Back to top | Use Dark Theme