Start a conversation ↗

Description

Photoshop — Image Retouching for the Web: Prepare, Optimise and Export Your Visuals

Produce fast-loading images that stay sharp on every screen, starting from mixed and inconsistent source files

  • 2 days — 14 h
  • In-person or virtual
  • Foundation
  • Up to 6 participants

Website images come from everywhere: product photography, screen captures, stock libraries and visuals supplied by the client. Some files are far too heavy and slow page display. Others distort on mobile or lose their subject when cropped. Exports are redone by hand every time a layout changes.

These 14 hours cover the preparation of images intended for screen display. Participants standardise their source files, work on crops aligned with breakpoints and master the trade-off between file weight and perceived quality. They then put in place repeatable exports and screen mock-ups that developers can read and use.

Learning objectives

  • Standardise a source image in terms of resolution and colour space
  • Crop a visual for several screen sizes without losing the subject
  • Select the file format suited to the image content
  • Set the trade-off between file weight and perceived quality
  • Automate the export of a series of images to multiple sizes
  • Prepare a screen mock-up that a developer can work from

What makes this programme different

Exercises start from a batch of mixed source files deliberately left poorly prepared
File weight and rendering of each export are compared screen by screen
An automated export set is built and then re-run on new images

Programme

1Preparing Your Source Files

Starting from a sound image

  • Resolution, display size and screen pixel density
  • Colour spaces and conversion for screen display
  • Cleaning, cropping and straightening
  • Non-destructive layers and reusable objects

2Retouching for Screen

Visuals that stay readable at small sizes

  • Cut-outs and transparent backgrounds
  • Light and contrast corrections
  • Sharpening matched to the display size
  • Text overlays and safe areas

3Formats, Weight and Quality

The trade-off that determines loading time

  • Raster formats and the use case for each
  • Compression settings and their visible effects
  • Vector images for interface elements
  • Versions adapted to high-density displays

4Automating and Handing Over

Delivering a usable batch

  • Multiple crops based on breakpoints
  • Automated exports to several sizes
  • Naming conventions and organisation of delivered files
  • Annotated screen mock-up for integration

Who is it for

Web integrators, webmasters, communication officers and junior graphic designers required to prepare images for a website or an online store.

Prerequisites

Be comfortable using a computer and familiar with basic digital imaging vocabulary.

Dates & locations

36 scheduled dates between November 2026 and December 2027. Seats are confirmed in the order enquiries are received.

November 2026

December 2026

January 2027

February 2027

March 2027

April 2027

May 2027

June 2027

September 2027

October 2027

November 2027

December 2027

None of these dates suit you? We open additional sessions on request, and any programme can be run privately for your team.

Practical details

Before the programme
Online positioning questionnaire. Your development objectives are shared with the trainer, who tailors the practical case studies to your context.
Teaching methods
Theoretical input, workshops and practical case studies. Digital course materials and method sheets provided.
Assessment
Multiple-choice tests and role-play exercises. Assessment of learning at the start and end of the programme, with immediate and 60-day follow-up evaluations.
After the programme
One year of access to the e-learning platform. Self-assessment of the skills acquired and a 30-day follow-up session with your trainer.
How to register
Registration online or on the basis of a quotation.
Lead time
11 working days after confirmation of registration.
Accessibility
Accessible to people of determination. Contact our accessibility coordinator to design a suitable solution: contact@mpf-academy.ae
Start dates
Rolling intake: in addition to the scheduled sessions, this programme can start on request.