Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 19, 2022 at 6:51 am #311061
    Thorsten Hoeppner
    Member

    How can I make the header image responsible so that the appropriate image is loaded depending on the resolution?

    >= 1200px: buddha.jpg

    >= 768px: buddha-768×192.jpg

    >= 528px: budda-528×297.jpg

    September 19, 2022 at 12:42 pm #311071
    tikaram
    Participant

    @hoeppner1867 : Responsive Design is one of the key  feature of our theme. Your website will magically respond and adapt to different screen sizes delivering an optimized design for all devices. You don’t need to load different image sizes for the header image. Upload a header image of proper dimensions and it will automatically fit on all other devices. Let me know if you have any other issues.

     

    Regards,
    Tikaram

    September 21, 2022 at 7:54 am #311212
    Thorsten Hoeppner
    Member

    I still get the following message from Lighthouse:

    “Properly size images: Serve images that are appropriately-sized to save cellular data and improve load time.”

    Lighthouse-Headerimage.jpg

    September 22, 2022 at 2:14 am #311235
    tikaram
    Participant

    @hoeppner1867 : The recommended image dimensions for header image is 1200px by 400px.

    I suggest you to upload the image size as specified. The header image is already of small size so changing the images will not make huge impact on the speed of your site. Let me know if you have any other theme related issues.

    Regards,
    Tikaram

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