Resize Hero Image

Resize Hero Image in Adobe Photoshop — with two ready prompts: the immediate one, and the one that makes it stick. 1 real situation leads here.

2prompt heights
1situation
1role does it
Open it in the interactive atlas →

The moments that lead here

If one of these is your afternoon, you are in the right place.

Resize and export a hero image for the website so it loads quickly without visible artifacts.

2 ready prompts

Written for the moment this actually comes up.

Execute — do the immediate task

+
Resize and export the hero image for the website so it loads quickly without visible artifacts —…
Resize and export the hero image for the website so it loads quickly without visible artifacts — resize to 1920×1080 px for the homepage hero, sharpen lightly for screen, export as optimized JPEG targeting 100KB-200KB, and check at 2x on mobile.

Improve — make it easier to accept

+
Before publishing the hero image, make it load fast and look expected to the product manager —…
Before publishing the hero image, make it load fast and look expected to the product manager — provide a 1920×1080 web-optimized JPEG and a 1280×720 mobile variant, verify no banding in gradients, run a 2x device preview, and flag if further cropping breaks composition.

Who does this, and with what

The same task is different work inside a different job.

Graphic DesignerAdobe PhotoshopAdobe Photoshop (Image Processor/Generator)also: Export Web-Friendly Assetalso: Optimize For Performance

Next to this one

Other prep work people do in Adobe Photoshop.

Every task here came from the work, not from a feature list — which is why the prompts name what you want done and never the button that does it. The tool changes; the work does not.
Copyright © LLOS.ai · 2026 — original pedagogy, voice, and design — all rights reserved.

The rest of the map

Same library, five ways in.