Return to previous page

Logo just keeps on being blurry, independent of image size

This topic has 8 replies, 4 voices, and was last updated 11 months, 3 weeks ago ago by Andrew Mitchell

TSpinde

Participant

March 2, 2024 at 11:50

Dear 8theme team,

the sticky logo and the main logo both keep on getting blurry when scrolling down. We already increased the images size and experimented a lot with different formats, but nothing helps. We want to logo in smaller size, but if we scale them to below 200px, things get blurry.

What’s the issuethere?

Please, contact administrator
for this information.

#385436 Copied Theme version: 9.2.8

7 Answers

Luca Rossi

Support staff

March 2, 2024 at 14:42

Dear @TSpinde,

We hope this message finds you well.

We would be grateful if you could furnish us with some screenshots to assist us in verifying the appearance of the sticky logo on your end. On our side, the logo seems to be displaying correctly, as evidenced by the following links:

– For Safari: https://prnt.sc/l8NAyD4T2u5l
– For Chrome: https://prnt.sc/fCDy6Hafpj1H

Your cooperation in this matter is highly appreciated. Should you require any further assistance, please do not hesitate to reach out.

Thank you for your attention to this request.

Warm regards,
The 8Theme Team

#385452 Copied

TSpinde

Participant

March 2, 2024 at 17:14

Dear 8Theme Team,

sure thing! Attached!

Warm regards,
Timo Spinde

Files is visible for topic creator and
support staff only.

#385463 Copied

TSpinde

Participant

March 2, 2024 at 17:39

I was able to solve it by uploading pngs EXACTLY in the size they are supposed to be in. However, as soon as it didnt match the exact size, the image became blurry, and that is probably with the SVGs that I used did not work. I wonder why, though – I exported them directly out of illustrator and from a freely scalable file that has never been in inside any image file.

#385464 Copied

TSpinde

Participant

March 2, 2024 at 17:44

Well, actually that did not solve it. On Chrome for example, the PNG leads to a blurry logo. When I choose the SVG it is not blurry but then it is blurry on firefox….If you want to take a look, I left all the different version uploaded: PNGs in different sizes and SVG.

#385465 Copied

Rose Tyler

Support staff

March 3, 2024 at 09:02

Hello, TSpinde,

Thank you for getting in touch with us.

You need to upload the retina logo. This 2x sized logo is necessary on high-definition screens so the logo won’t look blurred. You can read more about this online.
So, please upload your logo image in 120×120 size and retina logo 240×240 – https://prnt.sc/Ckf4d3SuE3B5

We hope this information is helpful.

Warm regards,
The 8Theme Team

#385485 Copied

TSpinde

Participant

March 3, 2024 at 09:10

I had it in with 300×300 before, but apparently, if exactly double the size, it never gets blurry. Works now, thank you!

#385486 Copied

Andrew Mitchell

Support staff

March 3, 2024 at 09:10

Dear TSpinde,

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

Click here to share your insights: https://themeforest.net/downloads

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team

#385487 Copied
Tagged: blurry, image size, logo, resolution, templates, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Logo just keeps on being blurry, independent of image size’' has been successfully resolved, and the topic is now closed for further responses

Logo just keeps on being blurry, independent of image size

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection