Images and publishing
Prepare website images before you publish them
Photos and graphics pass through several decisions before they belong on a page. Prepare website images by choosing a suitable export, checking its dimensions and appearance, then inspecting the final file before uploading it.
Direct answer
Keep the original, prepare an export for the place the image will appear, and inspect the actual result. Check format, dimensions, visible quality, and file size before reviewing supported metadata. Finish by looking at the image in the page, not only in an image tool.
Start with the original and the intended use
Keep an untouched source file so you can make another export later. Confirm that the image is yours to publish or that you have the required permission. Look for visible details you do not want to share before doing any file cleanup.
Find out where the image will appear. A small portrait, a wide page banner, and a product detail image need different framing and dimensions. Use your site's image requirements as the starting point. If the image needs a different crop, make that change in an image editor first. Plainview's compressor resizes the frame but does not crop it.
Choose an output you can check
The Image Format Converter can create PNG, JPEG, or WebP files from its supported static inputs. Check its displayed input limits and the formats your publishing system accepts before starting.
| What you need | Decision to make | Review the exported file |
|---|---|---|
| A transparent background | Choose an output that retains transparency, such as PNG or WebP | Look for unwanted solid backgrounds around the subject |
| A photo without transparency | Compare an accepted JPEG or WebP export | Inspect faces, fine edges, gradients, and text inside the image |
| A smaller frame | Reduce dimensions to suit its intended placement | Check that useful details remain legible |
| A format your current tool cannot open | Check the converter's supported inputs first | Confirm the actual output format and appearance |
Changing a filename extension does not convert an image. Use the downloaded result the tool produces, then check that file.
Resize, then compare quality and bytes
Open the supported file in the Image Compressor & Resizer. Choose dimensions suitable for the destination, preserve the intended proportions, and make an export. Enlarging a small source cannot recreate detail that was never present.
A quality setting is an instruction to the browser encoder, not a percentage saving. Compare the actual bytes and the visible result. A lower setting can remove detail; a new export can also be larger than the original. Browser behavior can differ, so rely on the generated file rather than an assumed saving. The HTML canvas standard documents how formats and quality settings are handled.
The Image Export Size Calculator compares two real files when you already have the original and an export. Its page-weight projection is an estimate. It does not measure page load speed or Core Web Vitals.
Inspect metadata after the final export
The Image Metadata & Privacy Cleaner inspects supported metadata in PNG, JPEG/JFIF, and WebP files. Review what it finds and, when supported, download the cleaned copy. Keep the original separately.
If cleanup is blocked because removing an orientation instruction could turn the picture, follow the tool's guidance to normalize it with the compressor and inspect the resulting file again. Check the appearance after that step.
Cleanup does not make an image anonymous. A visible person, location, filename, or later editing service can still reveal information. Unknown metadata can remain, and the cleaner deliberately preserves rendering-critical data such as color profiles. Inspect the final file you intend to upload.
Review the image in its actual page
Add the selected export to your preview and examine it at narrow and wide widths. Check the framing, nearby text, and any detail the visitor needs to understand.
Write image text according to the image's purpose in that context. W3C's writing guidance explains text alternatives, including different treatment for informative and decorative images. Metadata removal does not add this text to a website.
Your final file check:
- The original is retained and the image is appropriate to publish.
- The export uses an accepted format and suitable dimensions.
- The downloaded file looks right, including transparency and orientation.
- Its actual size has been checked without assuming a speed improvement.
- Supported metadata has been reviewed where needed.
- The page preview and image text have been checked.
Help maintaining the finished site
Preparing the file is one part of keeping a website current. If you need help replacing images or maintaining a compatible existing site, explore Plainview's website care service. That is optional paid work. The image tools remain free.
Primary sources and further reading
The technical background includes HTML canvas image serialization and W3C's writing guidance. Input formats, safety limits, and cleanup behavior are documented beside the relevant image tools. Check those limits for the file you are using.