{"course":{"slug":"image-editing","title":"Editing an Image","url":"https://addaly.com/learn/image-editing","level":"beginner","track":"create"},"lesson":{"slug":"export-and-colour","title":"Why your image looks washed out on somebody else's phone","url":"https://addaly.com/learn/image-editing/export-and-colour","position":71,"of":78,"minutes":10,"answer":"Deliver sRGB by converting rather than assigning, choose the format by what is in the picture, and treat file size as part of the job.","keyIdea":"Deliver sRGB by converting rather than assigning, choose the format by what is in the picture, and treat file size as part of the job."},"body":{"format":"markdown","text":"## Pick the format by what is in the picture\n\nSix formats cover everything you will do. The choice is not a matter of taste.\n\n- **JPEG**: lossy, 8-bit, no transparency. It compresses by throwing away detail your eye is least likely to miss. Correct for photographs, and only for photographs. Every save re-compresses, so never edit and re-save the same JPEG repeatedly.\n- **PNG**: lossless, supports transparency. Correct for screenshots, logos, flat graphics, anything with hard edges and large flat areas, and anything needing an alpha channel. Wrong for photographs: a PNG photo is routinely three to six times the size of a visually identical JPEG, and PNG photographs are one of the biggest causes of slow pages on slow connections.\n- **WebP**: does both lossy and lossless, supports transparency, typically 25 to 35 per cent smaller than JPEG at matched quality. Supported by every current browser since around 2020. The sensible default for the web today.\n- **AVIF**: smaller again, especially at low bitrates, supported across the major browsers by about 2024. Slower to encode, and it can smear very fine detail at aggressive settings, so check it on a texture-heavy image.\n- **TIFF**: lossless, 16-bit capable, huge. For print delivery and archives.\n- **PSD / XCF / KRA**: working files with layers. Not delivery formats. Do not send one to a printer expecting it to work.\n\n## The red-text problem\n\nJPEG stores brightness at full resolution but usually stores colour at half resolution in each direction. That is **chroma subsampling**, written 4:2:0, and it is invisible in a photograph of a face or a landscape because colour does change slowly there.\n\nIt is very visible on saturated coloured text and hard colour edges. Red type on white saved as JPEG gets a soft, dirty fringe. That is not a quality-setting problem; it is structural to how the format stores colour.\n\nSo red text on white goes out as PNG or WebP, never JPEG. Screenshots of code, spreadsheets, anything with thin coloured lines: the same. This one rule will save you an argument with a client who thinks you delivered a blurry file.\n\n## Convert, do not assign\n\nNow the question in the title.\n\nA colour profile tells software what the numbers in your file mean. Red at 255 is a different physical red in sRGB than in Adobe RGB, because Adobe RGB describes a larger range of colours (a wider **gamut**) with the same 0-to-255 scale.\n\nSo here is the washed-out mechanism, exactly. You edit in Adobe RGB. You export with the Adobe RGB profile attached. The file goes to a marketplace, a chat app or an older Android gallery that ignores or strips the embedded profile. That software assumes sRGB, because everything assumes sRGB. Your numbers are now read against a smaller gamut, every saturated colour is pulled inwards, and the image looks flat and dull compared with what you saw.\n\nThe reverse also happens: an sRGB file interpreted as Display P3 comes out garish, with orange skin.\n\nTwo menu items sit next to each other and do opposite things:\n\n- **Assign Profile** changes the label without changing a single number. The appearance shifts, because you have changed what the numbers mean.\n- **Convert to Profile** recalculates every number so the appearance stays as close as possible in the new space.\n\nFor anything going onto the internet: **Convert to Profile > sRGB IEC61966-2.1**, then export with *Embed Colour Profile* ticked. In Photoshop's *Export As* or *Save for Web* there is a checkbox called \"Convert to sRGB\": leave it on. GIMP has *Image > Colour Management > Convert to Colour Profile*. Photopea's colour management is limited, which in practice means it mostly works in sRGB and that is usually fine for web work and a liability for print.\n\nEdit in a wide gamut if your monitor shows one and you know why. Deliver sRGB. Print is a different conversation (CMYK, paper profiles, soft proofing) and belongs in [vector and print](/learn/vector-and-print).\n\n## Sizes that matter on a slow connection\n\nA large share of the people who will open your image are on a phone on mobile data, paying per megabyte. Treat file size as part of the design.\n\n- **Resize to the size it will be displayed.** A 4000-pixel photo shown in a 600-pixel column is 40 times more data than necessary. If the site serves high-density screens, export at twice the display width and stop there.\n- **Quality 100 is a waste.** JPEG quality 75 to 82 is typically indistinguishable from 100 at a third of the size. Test it: export both, flip between them at 100 per cent zoom, and see whether you can tell.\n- **Aim for 100 to 300 KB** for a full-width photograph on a page. A 3 MB hero image is a decision to lose readers.\n- **Check the actual number.** Squoosh (squoosh.app) shows original and compressed side by side with a live file size, in a browser, free. If it has gone by the time you read this, ImageMagick and `cwebp` do the same from a command line, and GIMP's export dialogue shows the size as you move the quality slider.\n\n## Metadata, including the part about your address\n\nA photo from a phone carries EXIF: camera, settings, date, and often GPS coordinates. Posting a picture of something you are selling, taken in your home, with the coordinates attached, tells every stranger where you live.\n\nMost export dialogues have a metadata dropdown. Set it to *None* or *Copyright only* for anything public; `exiftool -all= photo.jpg` strips the lot. Some platforms remove EXIF on upload, several do not, and a file sent as a document rather than an image keeps everything.\n\nToday: check your last exported image: pixel width, file size, colour profile. If it is 4000 pixels and 4 MB for a web page, you have found a five-minute fix worth more than an hour of retouching."},"check":{"question":"A photographer edits in Adobe RGB and exports with that profile embedded. On a marketplace listing the colours look dull and flat compared with the editor. What is the correct account of it, and the fix?","options":[{"text":"The marketplace re-compressed the JPEG, and the loss of quality reads as flatness; exporting at a higher quality setting will fix it.","correct":false,"tempting":"Attributes a gamut mapping shift to compression artefacts, which look different and affect detail rather than saturation."},{"text":"The editing monitor is wide gamut and phone screens are not, so nothing can be done about it.","correct":false,"tempting":"Confuses the display's gamut with how the file's numbers are encoded and interpreted."},{"text":"The image needs its saturation raised before export to compensate for what the platform does to it.","correct":false,"tempting":"Treats a mis-tagging problem as a matter of taste, which then over-saturates anywhere the profile is honoured."},{"text":"The platform ignored the embedded profile and read the same numbers as sRGB, which maps saturated colours inwards; converting to sRGB before export re-maps the numbers so the appearance survives.","correct":true}]},"prev":{"slug":"sharpening-and-noise","title":"Sharpening adds no detail, and it goes last","url":"https://addaly.com/learn/image-editing/sharpening-and-noise"},"next":{"slug":"choosing-quality-by-measurement","title":"Stop guessing the quality slider","url":"https://addaly.com/learn/image-editing/choosing-quality-by-measurement"},"authorship":"Founder and series editor: Dr Mustafa Mun. Written by AI models to a written standard. Exam keys checked blind by a second model: 3,665 of 3,666 agreed. Academic review invited.","review":{"status":"Draft, open for academic review"},"cite":"Addaly (2026) 'Why your image looks washed out on somebody else's phone', in Editing an Image. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/image-editing/export-and-colour (Accessed: 31 October 2026).","licence":{"name":"CC BY-NC-SA 4.0","url":"https://creativecommons.org/licenses/by-nc-sa/4.0/"},"reader":{"schema":1,"title":"Why your image looks washed out on somebody else’s phone","courseTitle":"Editing an Image","module":{"index":8,"slug":"out-of-the-editor","title":"Out of the editor: size, sharpness and the delivered file"},"answer":null,"keyIdea":"Deliver sRGB by converting rather than assigning, choose the format by what is in the picture, and treat file size as part of the job.","hero":{"kind":"plate","image":null,"alt":null,"caption":null},"blocks":[{"t":"h2","id":"pick-the-format-by-what-is-in-the-picture","runs":[{"text":"Pick the format by what is in the picture"}]},{"t":"p","runs":[{"text":"Six formats cover everything you will do. The choice is not a matter of taste."}]},{"t":"ul","items":[[{"text":"JPEG","b":true},{"text":": lossy, 8-bit, no transparency. It compresses by throwing away detail your eye is least likely to miss. Correct for photographs, and only for photographs. Every save re-compresses, so never edit and re-save the same JPEG repeatedly."}],[{"text":"PNG","b":true},{"text":": lossless, supports transparency. Correct for screenshots, logos, flat graphics, anything with hard edges and large flat areas, and anything needing an alpha channel. Wrong for photographs: a PNG photo is routinely three to six times the size of a visually identical JPEG, and PNG photographs are one of the biggest causes of slow pages on slow connections."}],[{"text":"WebP","b":true},{"text":": does both lossy and lossless, supports transparency, typically 25 to 35 per cent smaller than JPEG at matched quality. Supported by every current browser since around 2020. The sensible default for the web today."}],[{"text":"AVIF","b":true},{"text":": smaller again, especially at low bitrates, supported across the major browsers by about 2024. Slower to encode, and it can smear very fine detail at aggressive settings, so check it on a texture-heavy image."}],[{"text":"TIFF","b":true},{"text":": lossless, 16-bit capable, huge. For print delivery and archives."}],[{"text":"PSD / XCF / KRA","b":true},{"text":": working files with layers. Not delivery formats. Do not send one to a printer expecting it to work."}]]},{"t":"h2","id":"the-red-text-problem","runs":[{"text":"The red-text problem"}]},{"t":"p","runs":[{"text":"JPEG stores brightness at full resolution but usually stores colour at half resolution in each direction. That is "},{"text":"chroma subsampling","b":true},{"text":", written 4:2:0, and it is invisible in a photograph of a face or a landscape because colour does change slowly there."}]},{"t":"p","runs":[{"text":"It is very visible on saturated coloured text and hard colour edges. Red type on white saved as JPEG gets a soft, dirty fringe. That is not a quality-setting problem; it is structural to how the format stores colour."}]},{"t":"p","runs":[{"text":"So red text on white goes out as PNG or WebP, never JPEG. Screenshots of code, spreadsheets, anything with thin coloured lines: the same. This one rule will save you an argument with a client who thinks you delivered a blurry file."}]},{"t":"h2","id":"convert-do-not-assign","runs":[{"text":"Convert, do not assign"}]},{"t":"p","runs":[{"text":"Now the question in the title."}]},{"t":"p","runs":[{"text":"A colour profile tells software what the numbers in your file mean. Red at 255 is a different physical red in sRGB than in Adobe RGB, because Adobe RGB describes a larger range of colours (a wider "},{"text":"gamut","b":true},{"text":") with the same 0-to-255 scale."}]},{"t":"p","runs":[{"text":"So here is the washed-out mechanism, exactly. You edit in Adobe RGB. You export with the Adobe RGB profile attached. The file goes to a marketplace, a chat app or an older Android gallery that ignores or strips the embedded profile. That software assumes sRGB, because everything assumes sRGB. Your numbers are now read against a smaller gamut, every saturated colour is pulled inwards, and the image looks flat and dull compared with what you saw."}]},{"t":"p","runs":[{"text":"The reverse also happens: an sRGB file interpreted as Display P3 comes out garish, with orange skin."}]},{"t":"p","runs":[{"text":"Two menu items sit next to each other and do opposite things:"}]},{"t":"ul","items":[[{"text":"Assign Profile","b":true},{"text":" changes the label without changing a single number. The appearance shifts, because you have changed what the numbers mean."}],[{"text":"Convert to Profile","b":true},{"text":" recalculates every number so the appearance stays as close as possible in the new space."}]]},{"t":"p","runs":[{"text":"For anything going onto the internet: "},{"text":"Convert to Profile > sRGB IEC61966-2.1","b":true},{"text":", then export with "},{"text":"Embed Colour Profile","i":true},{"text":" ticked. In Photoshop’s "},{"text":"Export As","i":true},{"text":" or "},{"text":"Save for Web","i":true},{"text":" there is a checkbox called “Convert to sRGB”: leave it on. GIMP has "},{"text":"Image > Colour Management > Convert to Colour Profile","i":true},{"text":". Photopea’s colour management is limited, which in practice means it mostly works in sRGB and that is usually fine for web work and a liability for print."}]},{"t":"p","runs":[{"text":"Edit in a wide gamut if your monitor shows one and you know why. Deliver sRGB. Print is a different conversation (CMYK, paper profiles, soft proofing) and belongs in "},{"text":"vector and print","href":"https://addaly.com/learn/vector-and-print"},{"text":"."}]},{"t":"h2","id":"sizes-that-matter-on-a-slow-connection","runs":[{"text":"Sizes that matter on a slow connection"}]},{"t":"p","runs":[{"text":"A large share of the people who will open your image are on a phone on mobile data, paying per megabyte. Treat file size as part of the design."}]},{"t":"ul","items":[[{"text":"Resize to the size it will be displayed.","b":true},{"text":" A 4000-pixel photo shown in a 600-pixel column is 40 times more data than necessary. If the site serves high-density screens, export at twice the display width and stop there."}],[{"text":"Quality 100 is a waste.","b":true},{"text":" JPEG quality 75 to 82 is typically indistinguishable from 100 at a third of the size. Test it: export both, flip between them at 100 per cent zoom, and see whether you can tell."}],[{"text":"Aim for 100 to 300 KB","b":true},{"text":" for a full-width photograph on a page. A 3 MB hero image is a decision to lose readers."}],[{"text":"Check the actual number.","b":true},{"text":" Squoosh (squoosh.app) shows original and compressed side by side with a live file size, in a browser, free. If it has gone by the time you read this, ImageMagick and "},{"text":"cwebp","code":true},{"text":" do the same from a command line, and GIMP’s export dialogue shows the size as you move the quality slider."}]]},{"t":"h2","id":"metadata-including-the-part-about-your-address","runs":[{"text":"Metadata, including the part about your address"}]},{"t":"p","runs":[{"text":"A photo from a phone carries EXIF: camera, settings, date, and often GPS coordinates. Posting a picture of something you are selling, taken in your home, with the coordinates attached, tells every stranger where you live."}]},{"t":"p","runs":[{"text":"Most export dialogues have a metadata dropdown. Set it to "},{"text":"None","i":true},{"text":" or "},{"text":"Copyright only","i":true},{"text":" for anything public; "},{"text":"exiftool -all= photo.jpg","code":true},{"text":" strips the lot. Some platforms remove EXIF on upload, several do not, and a file sent as a document rather than an image keeps everything."}]},{"t":"p","runs":[{"text":"Today: check your last exported image: pixel width, file size, colour profile. If it is 4000 pixels and 4 MB for a web page, you have found a five-minute fix worth more than an hour of retouching."}]}],"check":{"question":[{"text":"A photographer edits in Adobe RGB and exports with that profile embedded. On a marketplace listing the colours look dull and flat compared with the editor. What is the correct account of it, and the fix?"}],"options":[{"text":[{"text":"The marketplace re-compressed the JPEG, and the loss of quality reads as flatness; exporting at a higher quality setting will fix it."}],"correct":false,"tempting":[{"text":"Attributes a gamut mapping shift to compression artefacts, which look different and affect detail rather than saturation."}]},{"text":[{"text":"The editing monitor is wide gamut and phone screens are not, so nothing can be done about it."}],"correct":false,"tempting":[{"text":"Confuses the display’s gamut with how the file’s numbers are encoded and interpreted."}]},{"text":[{"text":"The image needs its saturation raised before export to compensate for what the platform does to it."}],"correct":false,"tempting":[{"text":"Treats a mis-tagging problem as a matter of taste, which then over-saturates anywhere the profile is honoured."}]},{"text":[{"text":"The platform ignored the embedded profile and read the same numbers as sRGB, which maps saturated colours inwards; converting to sRGB before export re-maps the numbers so the appearance survives."}],"correct":true,"tempting":null}],"order":[2,1,0,3],"why":null},"prev":{"slug":"sharpening-and-noise","title":"Sharpening adds no detail, and it goes last","minutes":9},"next":{"slug":"choosing-quality-by-measurement","title":"Stop guessing the quality slider","minutes":9}}}