• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Losing Image Quality

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Losing Image Quality

This topic is: not resolved

Tagged: header, image, quality, Sidebar

  • This topic has 3 replies, 3 voices, and was last updated 9 years, 6 months ago by spoll.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 7, 2013 at 10:19 am #71491
    Fiesta
    Participant

    Hi

    Could anyone please help me understand why my images lose quality when I place them in certain areas.

    For instance on this page:

    http://www.spanish-fiestas.com/barcelona/

    - The logo in the header top left is blurred.
    - Some of the header right widget image "Private Tours of Spain" has lost its sharpness.
    - The "FC Barcelona Tickets" image in the right sidebar has also lost some of its sharpness.

    The graphic designer suggests that maybe "the site scales those images down a bit and loses quality".

    Thanks

    Gerry

    http://www.spanish-fiestas.com/barcelona/
    November 7, 2013 at 3:13 pm #71543
    RobG
    Member

    Looks ok to me.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    November 12, 2013 at 2:49 am #72447
    Fiesta
    Participant

    But some images lose quality. I'm interested in this in the CSS:

    img {
    max-width: 98%;
    }

    I think this could be responsible.

    What is the purpose of this forced image reduction?

    Any problem if I change it to 100%?

    November 12, 2013 at 9:00 am #72465
    spoll
    Participant

    The 98% won't affect it. The logo in the upper left is definitely on the blurry side. You may want to ask what dpi he has it set at? I've noticed with mine if I set it to 72 dpi, which is standard for web images, my logo looked blurry. So I set it at 300 dpi and that helped a lot without slowing down my site.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble