Scholar

Blurry images - weird workaround

Like many others, I came across the "blurry image" issue when uploading images to my site.

 

First I uploaded an image (a book cover) replacing a dummy image, and it was fine, sharp and clear, as it is on my computer. Then, uploaded the very same image to different pages... and uh, what the fuh... blurry.

 

Didn't matter what size/jpeg/png/resolution/photoshop/illustrator – it was blurry. Read the weebly community threads. No apparent solution... png was better though, but still not great.

 

Why that one sharp image then? Well, if you "trap" the image between two spacers then for some reason the site doesn't resize the image, losing its resolution.

 

Weird.

 

Bugs? #shrugs

 

Obviously this isn't ideal, but it is a quick and dirty fix. But come on weebly, if I upload an image I just want it to look sharp, I shouldn't have to mess about finding a dirty fix when it should just work properly...

 

Hope this helps other people with a similar problem, at least short term.

 

Cheers.

17 REPLIES
Employee Moderator

Re: Blurry images - weird workaround

Hello Lala! Thanks for sharing this with our Community here!

 

Some images will be compressed to the space they occupy on the page, which is normal. However, they shouldn't generally result in visible blurring. If your images are appearing out of sorts when being uploaded, definitely let our team know!

Scholar

Re: Blurry images - weird workaround

Hi Queso,

 

Thanks for the info. You can see from these examples, same jpeg used, the visible difference (image 1 much sharper on the actual site):

 

Screen Shot 2017-06-14 at 19.26.41.png1. With work-aroundScreen Shot 2017-06-15 at 11.04.59.png2. Blurry, no work-around, resized

 

If you go to my site http://www.foepublishing.com/ you can clearly see that on the home page where I've used the work=around the res is vastly superior to the "Books" page http://www.foepublishing.com/books.html where I haven't used it.

 

If there's a fix for this then great, let me know, because using the work-around means that on mobile devices the image is full screen width rather than thumbnail as with, for example the King of the Jungle image.

 

Cheers.

Scholar

Re: Blurry images - weird workaround

Hey support, we're all having this issue, fix it.

Community Manager

Re: Blurry images - weird workaround

Are you uploading PNG files or JPG files, @evenrail?

- Adam
Senior Community Specialist
Scholar

Re: Blurry images - weird workaround

Tried both and all dpi options, most apparent with text such as a logo

Community Manager

Re: Blurry images - weird workaround

Web images always use 72 DPI, so using a different DPI wouldn't matter in this case. The logo image is converted much smaller and I have seen it look a little fuzzy depending on the image. Some people have gotten around that by turning off the logo and adding a regular image element at the top of their content below their navigation.

- Adam
Senior Community Specialist

Re: Blurry images - weird workaround

adam

 

we've been complaining about this for a year and you keep telling us the same thing. OK, we've tried using PNG and 72dpi yet they still look blurry.

 

i built two new site this month and still have this problem in header and footer

 

FIX THIS ISSUE

Explorer

Re: Blurry images - weird workaround

I was also having this issue and found a fix using Adobe Illustrator.

Set up your image in the program and then go to File > Export > Export for Screens > Export Artboard.

The images will be saved in the folder that was selected.

Upload the file named Artboard 1@3x.png.

It worked for me! Hope this is helpful!

Explorer

Re: Blurry images - weird workaround

I've had this blurry problem for about 2 years now, and I'm getting real tired of it.. considering quitting weebly because of it - work arounds often doesnt work properly, and results looks unproffesional which is the last thing you want you homepage to look like..