Your photograph already has a job: show a product, explain a process or tell a story. Preparing it for a website gives that work a better starting point. Image Studio brings file preparation, descriptions and publishing details into one browser workspace, so fewer small jobs get left until the last minute.
Start with the page, not a keyword list
Think about where the image will appear and what a visitor needs to learn from it. A product detail photograph and a decorative background have different purposes. Google's image SEO guidance recommends relevant page context, useful alt text and short descriptive filenames. Those are practical editorial decisions, not a reason to repeat search phrases in every field.
Give the file the size it needs
Open the studio and choose your original JPEG, PNG or WebP. Set maximum width and height for the space where it will be displayed. The tool preserves proportions and does not enlarge the original. Then choose WebP or JPEG and start with the Balanced quality preset.
Export once and inspect the measured dimensions, file size and savings. Use Compare to look for softness, damaged edges or unreadable text. If your file size budget is not reachable, reduce the dimensions or allow a larger budget instead of forcing an unsuitable result. The page speed guide explains that tradeoff.
Describe what the picture contributes
Open Description & rights. For a product shot, useful alt text might be “Side view of a black leather backpack with two front pockets.” It tells the reader what matters about this specific view. Adapt the description to the actual image and surrounding page. Mark an image as decorative only when it adds no information in that context.
Change a camera-style filename into something you can recognize later, such as black-leather-backpack-side.webp. The filename and HTML description are separate fields. Internal tags and embedded credits do not replace the HTML alt attribute.
Keep attribution intentional
Add the creator, copyright statement and relevant license links when you have accurate information to supply. Publication metadata can travel inside supported output files; publishing code can carry the matching structured data. If you choose metadata stripping, review which attribution information you want to publish separately on the page.
For a batch, check shared rights before applying one set of credits to every file. Descriptions still need to match each image. Your selected files are processed locally, and the studio does not upload them to your website.
Finish the page, not just the export
Upload the exported image to your own host, put its final URL into Publish, and copy the generated code. Check its alt text and actual dimensions. Place the image beside the content it supports, then verify the live URL and page after deployment.
The studio's readiness indicator is a five-check completion aid. It helps catch unfinished publishing details; it is not a search ranking score. Discoverability also depends on your published page, crawl access and content quality. No export setting can promise a ranking position.
Make it a repeatable habit
Keep your original, inspect the web version and use the same preparation sequence for the next image. The value is cumulative: fewer oversized uploads, fewer forgotten descriptions and a clearer record of the work you publish. Open Image Studio and prepare your next image from start to finish.
Put This Into Practice
Apply these sizing, compression, and metadata standards locally in Image Studio.
Open Image Studio