Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 17, 2016 at 2:32 pm #87671
    Eric
    Participant

    I added a logo with the height 75px, all is fine, but: in iPhone or other retinalike displays and if you zoom into the site, the logo pixel are shown.

    If I add a bigger one and add the code #logo-site img {height: 75px;} to the custom css area, it works, but in the smaller views the logo is compressed.

    How can I add a high resolution logo, which has the right responsive size in all screen resolutions?

    March 17, 2016 at 4:53 pm #87675
    Mahesh
    Participant

    @ericmuc: I do understand your problem. The pixel are visible a little without zooming when viewing in browser. Changing to a bigger logo is okay too, could you provide the actual image you are trying to use instead. But for retina displays, it is recommended that you use SVG images instead of bitmap images (JPEG, TIFF, PNG, and GIF).
    Let me know if I can help you further.

    Regards,
    Mahesh

    March 18, 2016 at 3:53 pm #87745
    Eric
    Participant

    Hi, I am using now svg format, that is much better! Thanks for this idea, kind regards

    March 21, 2016 at 4:20 pm #87876
    Mahesh
    Participant

    @ericmuc: Thank you for your appreciation. Have a nice day!

    Regards,
    Mahesh

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo resolution’ is closed to new replies.