Viewing Logo quality
Logo quality
|
User: Kevin H. 12 years ago
|
|
|
Can anyone take a look at the Logo on my site I am working on please (harveyimages.co.uk). I have used a png file in my header to the left of site name, but the outline and text is very poor quality. The original file size is about 1980 pixels longest edge. How do I import to assets without loosing quality when I want it to be viewed on larger screens???? |
|
|
User: Roddy 12 years ago
|
|
|
What size was the image that you imported into EverWeb?
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Kevin H. 12 years ago
|
|
|
Hi It was re-sized to 800 x 635 pixels (resolution 300) for EW I have the original Illustrator file (1838 x 1460 pixels |
|
|
User: Roddy 12 years ago
|
|
|
Try importing the image at the actual size that it will be displayed.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Kevin H. 12 years ago
|
|
|
I have tried at 200, 400 & the current 800 pixels on the longest edge. All the same. The text seems ilegable and the outline not smooth, unlike the header site name which stays crisp viewed at any screen size. Thanks for suggestion though. |
|
|
User: Roddy 12 years ago
|
|
|
What are you using to reduce the image size? It looks like an image that has been stretched up from a small one rather than a large image that has been reduced.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Kevin H. 12 years ago
|
|
|
I had the original Logo created for me and I have the Adobe Illustrator file and re-sized it with Photoshop CS6 and saved as PNG. The Ai file looks great on my Mac, even when zoomed in. NOT sure what I am doing wrong though. I have tried using the png file without re-sizing (still looks bad) ??? |
|
|
User: Jumbo T. 12 years ago
|
|
|
If your copy of Adobe Illustrator supports it, save the image as svg. Then it scales perfect. Use the img html element in a HTML snippet to display it on the page. http://trotter.is-best.net/includes/harvey.html (Ignore the image, I haven't a steady hand) http://www.adobe.com/inspire/2013/09/exporting-svg-illustrator.html |
|
|
User: Jumbo T. 12 years ago
|
|
|
Here's an EW page with additional info how to add and use the image : http://trotter.is-best.net/includes/svg/ |
|
|
User: Kevin H. 12 years ago
|
|
|
Hi Jumbo Thanks for info, sorry for delay. I will try this when back, Will be away for a 10 days hols. But thanks. I'll let you know. |
|
|
User: John S. 11 years ago
|
|
|
I am having the same issue as well. my logo is a high quality PNG file with transparent background, it looks fine when working in Everweb, yet when I preview... it is blurry, pixelated, and has no detail. I am using the "personal trainer" template. I've also noticed the default Facebook/Twitter/Tumblr icons also become slightly blurry. Thank you. |
|
|
User: Kevin H. 11 years ago
|
|
|
Hi John I'm still trying to sort thus issue. I'll keep you posted when I resolve it. Could you do the same if you get anywhere please. Fingers crossed, thus is frustrating... Cheers. |
|
|
User: Jumbo T. 11 years ago
|
|
|
EW does a poor job resizing images while preserving the quality. Here's a page with png images that shows the difference. http://trotter.is-best.net/includes/image.html For your pleasure to compare : Resized by EW :  Original : 
|
|
|
User: Kevin H. 11 years ago
|
|
|
Hi Jumbo Thanks for info. I have now tried saving as SVG with AI, but still no joy. I might have missed something though. The text copied into my HTML snippet does not look the same as your example, the following do not show in my code (‹img src & image size) Do I use standard or mini html snippet please. Any idea what I have not done correctly please?? Cheers again |
|
 logo_svg_html_code.png |
|
|
User: Roddy 11 years ago
|
|
|
The HTML for inserting an image is shown HERE. Or you can use THIS widget. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |