• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Genesis User

Genesis User

Build your own website using a StudioPress theme and Genesis Blocks plugin..

  • Home
  • StudioPress etc
    • Genesis Blocks
    • StudioPress
    • Genesis Pro
    • WP Engine
  • Get Genesis for Free
  • Themes
    • Genesis Sample Theme
    • WP Engine Themes
  • Genesis Blocks
You are here: Home / Genesis Blocks / Website Builder / Image sizes used in the Genesis Blocks layouts

Image sizes used in the Genesis Blocks layouts

January 18, 2021 by PhilG

On this page I list the images and image sizes used on the demo pages

We’ve now got a good-looking website with all the basic pages we need. Our next step is to replace the text and images and make the site look like our own unique creation.

Our website currently uses placeholder images, so our first job is to gather the images we will use to replace them.

Hero header images needed (1920px wide)

  • Homepage
  • Services page
  • About us page
  • Contact us

Images needed for the body of the homepage

  • One 1200x1200px square image to replace the section titled: We design and develop memorable experiences.
  • Three 600x600px images for the testimonials section

If you don’t have any testimonials yet, you can delete that row or reduce the number of testimonials if you need to.

Images needed for the About Us page

  • One image 934x1400px for the section labelled: Our Work Ethic.
  • Three images 600x600px for the section labelled: Meet Our Amazing Team.

If you’re a freelancer, you could remove or change the our team section.

Images needed for the Features and Services page

The images on this page are larger than necessary and scaled down by WordPress. I’m giving you the image sizes used on the demo website.

  • How it Works section: 1200x1800px.
  • Two images side by side labelled Build your site with Genesis Blocks today: 1600×1067.
  • Annie Alpine / Nature First testimonial section. This has an alpine scene background and a woman’s headshot image. The woman’s headshot image on the demo site uses a 1200x1200px image. As with the other images, WordPress scales this image down.

You can download the alpine scene background from Unsplash. But resize the image to 1920px wide before uploading it to your own website. The images on Unsplash are too large to use as is.

Alpine Scene background image

Contact us page

The contact us page does not use any images on the demo site. If you have a person who always answers the phone or always answers customer enquiries, you could put a photo of that person on your contact us page. People love to know who they’ll be dealing with.

Always get permission before using any images!

Never use photos of your staff or your customers without their permission. It’s bad manners and might even get you sued.

Filed Under: Website Builder

Download Genesis Framework for Free

The Genesis Framework and the Genesis Sample theme are now free for all to download and use.

Get Genesis for Free

Footer

Search This Website

Get Genesis for Free

The Genesis Framework is now free, find out how to get it here…

Get Genesis Free

Did you see these pages?

  • WP Engine Themes (From StudioPress)
  • Genesis Blocks Tutorials
  • Get Genesis for Free
  • Genesis Sample Theme
  • 10 Free Themes With WP Engine Hosting
Get 10 StudioPress themes free with WP Engine hosting.
Get 10 StudioPress themes free with WP Engine hosting.

Copyright © 2023 · Genesis User: This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc.
WordPress, Genesis, StudioPress and WP Engine, are registered trademarks of their respective owners.