What manual image loading means and why you'd do it
Manual image loading means you upload image files to your website yourself, rather than letting the website builder or content management system do it automatically. You pick the image file from your computer, choose where it goes on the page, and decide what size it appears at.
Most people do this when they want control over which images appear where — adding a photo to a blog post, putting your logo in the header, or uploading a product picture to an online store. It's the most common way images end up on websites, and it's straightforward once you know the steps.
The alternative is automatic image loading, where the system pulls images from somewhere else (like a folder on your server or a linked database) without you uploading them one by one. Manual loading is slower if you have hundreds of images, but it gives you direct control and works on almost every platform.
Key Takeaways
- Manual image loading means you select an image file from your computer and upload it directly into your website's editor or file manager.
- Most website builders have an "Insert Image" or "Upload Image" button in the editor toolbar that opens your computer's file browser.
- Image files should be in common formats like JPG, PNG, or WebP, and smaller file sizes load faster on the web.
- After uploading, you can usually resize the image, add alt text (a description for accessibility), and position it on the page.
- If you're uploading directly to a file manager rather than through an editor, you'll need to know the correct folder path where images belong.
Finding the upload button in your website editor
Most website builders put the image upload button in the same toolbar where you find bold, italic, and link buttons. Look for an icon that looks like a picture frame, a mountain, or a photo — hover over buttons if you're unsure what they do.
In WordPress, the button is labeled "Add Block" or "Insert" depending on your version, and you'll select "Image" from the menu. In Wix, Squarespace, and similar builders, there's usually an "Add" or "+" button that lets you choose "Image" from a list. In Google Sites, click the "Image" button in the toolbar. In Shopify, product images upload through a dedicated "Images" section on the product page itself, not through the text editor.
If you're editing HTML directly or using a file manager (like cPanel or FTP), you won't see a button — you'll instead navigate to the folder where images are stored, usually called "images" or "assets", and upload the file there. Then you'll write code or a link to tell the page where to find it.
Preparing your image file before upload
Before you upload, check that your image is in a web-friendly format. The most common are JPG (good for photos), PNG (good for graphics and images that need transparency), and WebP (newer, smaller file size). Avoid uploading BMP, TIFF, or PSD files — most websites won't display them.
Smaller file sizes matter because they load faster. A photo that's 5 MB will make your page slow; the same photo compressed to 500 KB looks nearly identical but loads in a fraction of the time. You can compress images using free tools like TinyPNG, Squoosh, or even your phone's built-in photo editor before uploading.
You should also think about the image dimensions. If your website is 800 pixels wide, uploading a 4000-pixel-wide image wastes space and slows the page down. Resize the image to roughly the width you need before uploading — most website builders let you resize after upload, but starting smaller is more efficient.
The actual upload process
Click the image upload button in your editor. A window will open showing your computer's file browser. Navigate to the folder where your image is saved, click the image file to select it, and click "Open" or "Upload". The system will process the file — this usually takes a few seconds.
Once the upload finishes, the image will appear on your page, usually at a default size. You can then click on the image to select it and see options to resize it, move it, or delete it. Most editors show a small toolbar above or beside the image with these controls.
If you're uploading through a file manager instead of an editor, the process is similar: navigate to the correct folder (usually /images or /assets), click "Upload", select your file, and wait for confirmation. You'll then need to link to that image in your page code or content — the file manager will show you the path to use.
Adding alt text and image descriptions
Alt text is a short description of what the image shows. It appears if the image fails to load, and it helps people using screen readers understand the image. It's also useful for search engines trying to understand your page.
After uploading, click on the image and look for a field labeled "Alt text", "Alternative text", or "Description". Write a brief, clear description of what's in the image — "red coffee mug on wooden table" is better than "image" or "photo". Keep it under 125 words; most people write one or two sentences.
Don't stuff keywords into alt text to try to improve search rankings — search engines penalize this, and it makes the text useless for people who actually need it. The goal is to describe the image accurately so someone who can't see it understands what it shows.
Resizing and positioning your image
After upload, click the image to select it. You'll usually see small squares at the corners and edges — drag these to resize the image. Dragging a corner keeps the image proportions correct; dragging an edge alone can stretch or squash it.
Most editors also let you set an exact width and height in pixels. Look for a properties panel or right-click menu with "Size" or "Dimensions" options. If you know you want the image to be exactly 400 pixels wide, you can type that instead of dragging.
To position the image, you can usually drag it to a new spot on the page, or use alignment buttons (left, center, right) in the toolbar. Some editors let you wrap text around the image so words flow beside it rather than above and below it — look for "Text Wrapping" or "Float" options.
Troubleshooting common upload problems
If the upload button doesn't work, try refreshing the page or clearing your browser's cache. Some website builders have trouble with very old browsers. If you're using Internet Explorer, switch to Chrome, Firefox, or Edge instead.
If the image uploads but doesn't appear on the page, check that the file format is supported — JPG, PNG, and WebP work almost everywhere, but other formats may not. If the file is very large (over 10 MB), some systems reject it. Compress it and try again.
If you're uploading through a file manager and the image doesn't show up when you link to it, double-check the folder path. If the image is in /images/photos/ but you linked to /images/, the page won't find it. The path must match exactly, including capitalization on some servers.
If the image appears but looks blurry or pixelated, the original file may be too small or low-quality. Try uploading a larger or higher-resolution version of the same image.
Frequently Asked Questions
What's the difference between uploading an image and linking to one?
Uploading means the image file lives on your website's server, and you control it completely. Linking means you point to an image that lives somewhere else — like on another website or a cloud service. Uploading is more reliable because the image won't disappear if the other site goes down or removes it.
Can I upload multiple images at once?
Many website builders support bulk upload — you select multiple files at once and they all upload together. Look for an "Upload Multiple" option or try selecting several files at once in the file browser (hold Ctrl or Cmd and click each file). Some file managers support drag-and-drop of multiple files at once.
Why does my image look different after I upload it?
The website builder may have automatically compressed the image to save space, or resized it to fit the page width. Some builders also explore filters or adjust colors. If you don't like the result, delete it and upload a version you've already edited in a photo editor on your computer.
Do I need to name my image files a certain way?
Most systems accept any name, but short, descriptive names without spaces are safest — "coffee-mug.jpg" is better than "My Image (1).jpg". Avoid special characters and very long names. Some older servers have trouble with spaces in filenames, so use hyphens or underscores instead.
What happens if I delete an image from my website?
The image disappears from the page when ready. If you uploaded it through the website builder, it usually stays in a media library or trash folder for a while, so you can restore it. If you uploaded it through a file manager, you may need to manually delete the file from the server to free up space.