Upload Images to Your Editable Website


  1. Add ALT text to every image you upload. ALT text should describe what is shown on the image, ex. “Women working out at Kilo gym”

  2. Crop images appropriately. Make sure you follow the photo recommendations for your template here
    1. You can use this free online tool https://www.befunky.com/create/photo-editor/
  3. Compress images for faster loading. When you edit the image, make sure you compress it as much as possible.
    1. You can use this free online tool https://tinypng.com/
  4. Rename images to gym name and contents of photo, Ex: “kilo_gym_women_working_out”.
  5. Avoid Using AI-Generated Images on Your Website - While AI-generated images might seem quick and creative, they often look unnatural and can make your website feel impersonal or even confusing to visitors.

You can upload images in a few ways:

  1. Through the media library
    1. Go to the media library on the left sidebar inside WordPress and click on “Add New Media File”

  2. Inside post
    1. Type “/” and click on “image” option

    2. Click on “upload”


  3. Inside page
    1. Depending on the section where you want to add an image, it will look different. Here we will take an example for the background image in the hero section on the About page
      1. Click on “settings” in the hero section in the backend

      2. Hover over the image and click on the pen, which will lead you to the media library



Have questions or want to request a complimentary annual redesign using one of our editable templates? Reach out to our Support team at hello@usekilo.com.