Skip to main content

Images & Logos

Images and logos give your site its personality. With Kite you can upload your own pictures, swap out the ones Kite generated, and adjust how images are framed and presented — all from chat or Point & Edit.

Upload and replace an image​

  1. Use Point & Edit to click the image you want to replace.
  2. Choose to upload a new image, and pick the file from your device.
  3. Confirm, then preview the result.

You can also ask in chat — for example:

Replace the photo in the hero section on the Home page with the image I'm uploading.

tip

Upload images at a good size and resolution. Large, clear images look sharp; tiny or blurry source files will look low-quality on the page no matter what.

  1. Use Point & Edit to click your current logo (often in the header), or ask Kite where your logo lives.
  2. Upload your logo file.
  3. Check it on both desktop and mobile — see Mobile & Responsive Design.

Prompt example:

Replace the logo in the header with the file I'm uploading, and keep it the same size.

Getting a transparent background​

A transparent background lets your logo sit cleanly over any color or photo, without a white box around it.

  1. Upload a logo that already has a transparent background (usually a .png file).
  2. If your logo has a solid background you want removed, ask Kite to help — for example:

Can you remove the white background from my logo so it's transparent?

note

The cleanest results come from a logo file that's already transparent. If you have one, use it.

The image frame (and how to remove it)​

Kite often applies a frame to images automatically — for example a border, rounded corners, or a shadow — to make them look polished. If you want a plain, edge-to-edge image instead, just ask:

Remove the frame from the image in the hero section so it has no border, no rounded corners, and no shadow.

You can also ask Kite to change the frame rather than remove it:

Make the image corners more rounded and add a soft shadow.

When an image replacement fails or quality drops​

  • The replacement didn't take: Try again with Point & Edit so Kite knows exactly which image you mean, then confirm which image it changed.
  • The new image looks blurry or pixelated: Upload a higher-resolution source file. Kite can't add detail that isn't in the original.
  • The image looks stretched or squished: Ask Kite to keep the original aspect ratio, or to fit the image without distorting it.
  • The change isn't showing on your live site: Publish again and refresh — see Changes Not Showing.

Troubleshooting​

  • Upload didn't work: Try a different file or a smaller file size, and make sure it's a common image format.
  • Wrong image got replaced: Use Point & Edit to target the exact image, then ask Kite to confirm which one it changed.
  • Logo has an unwanted white box: Use a transparent file, or ask Kite to remove the background.
  • Image looks great in the editor but not when published: See Changes Not Showing.
tip

For more on adding fonts and other media, see Fonts & Media.