How to Add a Logo or an Image to Your Website

Before you start

• Pick a good file format. JPG is best for photos. PNG is best for logos, because it can have a clear background.
• Make the file small. Big pictures slow your site down. Try to keep most images under 200 KB.
• Use a clear file name, such as company-logo.png. Avoid spaces.

Method 1: WordPress logo

1. Log in to your WordPress dashboard. This is the admin area of your site.
2. Click Appearance, then Customize.
3. Click Site Identity.
4. Click Select logo and upload your file.
5. Click Crop or Skip Cropping.
6. Click Publish.

Newer block themes use Appearance, then Editor. There you click the logo block in the header. Menu names depend on your theme.

Method 2: Add a picture to a WordPress page

1. Open the page or post in the editor.
2. Click the + button and choose Image.
3. Click Upload and pick your file.
4. Type alt text in the side panel. Alt text is a short description. Screen readers say it aloud for blind visitors. Search engines read it too.
5. Click Update.

Method 3: Plain HTML site

1. Log in to cPanel and open File Manager.

   

2. Open public_html. Make a folder called images.

   

   

3. Open that folder and click Upload. Choose your picture.
4. Open the page file you want to change. Right-click it and choose Edit. Take a backup copy first.
5. Type this where you want the picture:

   <img src="images/company-logo.png" alt="Company logo">

   This line tells the browser to show the picture found at that path.

   

6. Click Save Changes and reload the page.

   

If the picture does not show

• Check the file name and its capital letters. Linux cares about them.
• Check the folder path.
• Clear your browser cache.

Quick recap

• Use PNG for logos and JPG for photos.
• Keep files small.
• In WordPress, use Customize then Site Identity.
• In HTML, upload the file and use an img tag.

  

• Always add alt text.