Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 29, 2019 at 3:50 pm #1084606
    restube

    Hey all,

    I´m just optimizing my Website for mobile.
    Enfold is very responsive but some elements still need to be adjusted manually.

    On the homepage we use one Image for desktop and tablet (1920px wide) which looks great.
    For mobile I´ve cropped down the image to fit mobile screens. Hence, I´ve used 415px width and whatever height.

    Now here´s the problem:
    To check my mobile pages I use the inspect function from Chrome and simulate an Iphone X or Galaxy S5. Here the images looks crispy. However, when I check the Page on my real Galaxy S9+ the images look blurry and of low quality.
    Why is that and how can i fix it?

    Cheers
    Restube

    March 29, 2019 at 4:02 pm #1084609
    cg

    The Galaxy S9+ has a screen resolution of 1.440×2.960 Pixel (default setting: 1080×2220 px) … that’s a lot more Pixels than the 415 Pixel wide image you use now. Just use the same resolution as for desktop, mobile phones mostly have a higher resolution than desktop screens nowadays.

    April 1, 2019 at 6:56 am #1085291
    Ismael

    Hi,

    You have to use a larger image or just use the same image for both desktop and mobile devices as @cg pointed out.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.