Back to guides
Image guide3 min read·Published May 13, 2026·Updated August 14, 2026

By DevToolKit

How to Prepare Images for Websites and Documents

A practical image-preparation workflow: choose the required format, set dimensions, review processing labels, and inspect the exported file before sharing.

1

Start with the destination, then choose the workflow

First identify what the next service needs: an image format, target pixel size, transparent cutout, smaller image, or PDF assembled from images. Choose the smallest workflow that produces that result, and keep the original until the export has been opened and checked.

Read the processing label before selecting a file. Browser-based tools perform their core operation in the browser, but their pages can still load ordinary assets and send the limited usage or diagnostic metadata described there. Background Remover sends the selected image to its configured processing service.

2

Step 1 - Choose the format the destination requires

Image Converter accepts one supported image up to 20 MB and exports JPG, PNG, WebP, or AVIF. JPEG does not support transparency, so a transparent logo or cutout needs PNG, WebP, or another format that preserves transparent areas.

HEIC to JPG accepts one HEIC or HEIF photo up to 20 MB and creates a JPG copy in the browser. Use it when the destination specifically requires JPG. Check the destination's accepted formats and test the exported file there.

3

Step 2 - Request the dimensions you need, then check the result

Image Resizer works with one JPG, PNG, or WebP image up to 20 MB. It offers pixel dimensions, percentage scaling, and presets. By default it keeps the aspect ratio and prevents enlargement, so a requested larger size can be capped at the source dimensions.

Choose dimensions that suit the actual layout. Enlarging a raster image cannot recreate missing detail. Review the exported width and height, especially when a destination has a fixed upload requirement.

4

Step 3 - Crop and rotate as separate operations

Image Crop selects a rectangular region from one JPG, PNG, or WebP image with aspect presets, pixel coordinates, and format-aware export. Cropping can change dimensions and file size; it does not rotate the image.

Use Image Rotate when orientation or flipping needs correction. Its controls rotate by 90-degree turns and support horizontal or vertical flip. Crop before or after Background Remover according to the framing you need; neither order guarantees a better AI result.

5

Step 4 - Use server-backed background removal deliberately

Background Remover accepts one JPG, PNG, or WebP image up to 10 MB. It is server-backed and AI-assisted, so the file is sent when removal starts. It exports PNG, WebP, or JPG with transparent, preset, or custom-color backgrounds and edge-softness controls.

Choose PNG or WebP when the cutout needs full transparency. JPG cannot preserve transparent pixels; if Transparent is selected, this export path uses a white background instead. Review the result before use, and do not upload a confidential file unless you accept the server-backed workflow.

6

Step 5 - Compress and handle metadata as separate checks

Image Compressor accepts one supported image up to 20 MB and provides original and optimized previews. Compare text, product edges, faces, overlays, and small graphics. A smaller file is not automatically a suitable replacement.

Image EXIF Remover re-encodes JPG, PNG, and WebP images. Its enabled Remove all mode is designed to strip GPS, camera, date, and other metadata. Its marker summary is only an aid to review, so open the cleaned export before publishing or sharing it.

7

Step 6 - Build a PDF only when a PDF is the required output

JPG to PDF combines JPG or JPEG files into one local PDF. Image to PDF accepts JPG, PNG, WebP, GIF, and BMP images. Check order, page count, orientation, margins, and legibility in the downloaded PDF.

If the recipient needs selectable text, forms, or the original PDF structure, confirm the requirement before replacing it with an image-derived document.

8

Finish with an output review

Confirm that the file opens in the intended destination, its format and dimensions are accepted, transparency is preserved where needed, and visual details remain usable. Retain the original until the reviewed copy is accepted.

This review does not guarantee compatibility or privacy. Use another workflow when the export is unsuitable.

Related reading

Continue with these guides

Closely related workflows with a different focus from this article.

Related tools

Try these DevToolKit tools

Workflows mentioned in this guide that exist in the current catalog.

View all tools