No matter how well you plan, images break: one goes blurry, colours don’t match, a file refuses to save right. This is the emergency room — every common problem, grouped by symptom, each with its likely cause, a clear fix, and how to prevent it from ever happening again. Bookmark it.
Errors are not a sign you did something wrong — they are a normal part of working with digital images. What separates a professional is a method: name the symptom, find the likely cause, apply the fix, then change the habit that caused it. This guide is built exactly that way.
Find your problem by category below. Each entry opens to reveal the cause (why it happened), the fix (what to do now), and the prevention (so it never returns). Read a few even when nothing is broken — knowing the causes is how you stop hitting them.
The problems worth recognising on sight — wrong on the left, fixed on the right.
Saved as JPG — no alpha channel.
Re-export as PNG or SVG.
Anti-aliasing set to None.
Set it to Sharp, or type in Illustrator.
Too few tones in 8-bit.
Add Dither; work in 16-bit.
RGB sent straight to a CMYK press.
Soft-proof and convert to CMYK.
The most common symptom, cornered by a chain of questions instead of a guess.
“It looks blurry.” Ask, in order:
Each answer halves the suspects — the blur is almost always the original, the export, the CDN or CSS scaling.
Four categories. Click any symptom for the cause, the fix and the prevention.
Why an image looks wrong — blur, banding, dull colour, jagged edges.
You likely scaled a small, low-resolution raster image up to a larger size. This forces the software to invent pixels, resulting in blurriness.
There is no perfect fix after the fact. You must start with a source image that is at least as large as your intended final size. When scaling down, ensure 'Resample' is checked in Photoshop's Image Size dialog.
Always source the highest resolution image possible. For web, design at the final size or larger. Never scale up a raster image more than 10-15%.
Photoshop is a raster-based editor, and the text's anti-aliasing setting might be set incorrectly. It could be set to 'None', which creates hard, jagged edges.
Select the Type Tool. In the top options bar, find the anti-aliasing dropdown (aa) and set it to 'Sharp' or 'Strong'. This will smooth the edges of the text.
For text-heavy designs, create the layout in Illustrator where text is vector-based and always perfectly crisp. Place it into Photoshop as a Smart Object if needed.
Your screen uses the vibrant RGB (light-based) color space, while printers use the more limited CMYK (ink-based) color space. The conversion from RGB to CMYK often results in bright colors becoming less saturated.
In Photoshop, go to 'View > Proof Setup > Working CMYK' to get a soft-proof preview of how the colors will look when printed. Use Adjustment Layers like Vibrance or Selective Color to boost colors within the CMYK gamut.
For all professional print projects, convert your document to the CMYK color profile ('Edit > Convert to Profile') before doing your final color adjustments.
This is called 'color banding'. It happens when there aren't enough color tones available to create a smooth transition, especially in 8-bit images with subtle gradients.
In Photoshop's Gradient tool options, ensure 'Dither' is checked. This adds a small amount of noise to break up the bands. For professional work, convert your image to 16-bit mode (Image > Mode > 16 Bits/Channel) before creating the gradient.
Work in 16-bit mode for projects with large, subtle gradients. Always add a small amount of noise (Filter > Noise > Add Noise, ~1%) to gradients to help break up banding.
JPG compression is optimized for photographs, not for graphics with sharp lines and flat colors. The compression algorithm creates artifacts and softness around hard edges.
Re-export your graphic using a format designed for sharp lines, like PNG or SVG. PNG is a lossless raster format, and SVG is a vector format.
Use PNG for web graphics with sharp lines, text, or transparency. Use SVG for logos and icons.
The photo may have been taken in poor or flat lighting conditions, resulting in a narrow tonal range.
Use a 'Levels' or 'Curves' Adjustment Layer in Photoshop. In Levels, drag the black and white input sliders inward to meet the edges of the histogram. This remaps the tones to use the full range from pure black to pure white, instantly increasing contrast.
When shooting, try to find lighting with a good range of highlights and shadows. Shooting in RAW format provides much more flexibility to correct contrast in post-production.
You likely used a tool like the Smudge Tool or a Healing Brush that was too soft. Content-Aware Fill can also sometimes produce a low-texture result.
Use the Clone Stamp Tool (S) on a new layer. Carefully sample (Alt-click) a nearby area with similar texture and lighting, and manually paint over the smudged area to restore the natural texture.
When using Content-Aware Fill, make your selection slightly larger than the object to give Photoshop more data to work with. Always zoom in to inspect the texture after a removal.
Formats, transparency, file size, layers, colour profiles.
You saved the image as a JPG. The JPG file format does not support transparency; it automatically fills any transparent areas with white.
Re-open your master file (e.g., the .PSD), ensure the background is truly transparent (checkerboard pattern), and re-export it using a format that supports transparency, like PNG or WebP.
Remember the rule: JPG for photos, PNG for transparency.
The most common causes are: 1) High, uncompressed resolution (e.g., a 300 DPI image for a small web graphic). 2) Many layers, masks, and Smart Objects in a PSD file. 3) Saving for web with the JPG quality set too high (90-100).
For web, use 'File > Export > Save for Web (Legacy)' in Photoshop. Set JPG quality to 70-80 or use the WebP format. For print, the files are naturally large; this is normal.
Develop a habit of always optimizing images for their final destination. Don't use a 5000px, 300 DPI image for a 500px website icon.
In recent versions of Photoshop, this feature has been moved to a 'Legacy' sub-menu as Adobe encourages users to use the newer 'Export As' panel.
Go to 'File > Export > Save for Web (Legacy)'. If you use it frequently, you can create a custom keyboard shortcut for it in 'Edit > Keyboard Shortcuts'.
Familiarize yourself with the newer 'File > Export > Export As' panel, which offers similar functionality for exporting to PNG, JPG, and GIF.
GIF is a very old format limited to only 256 colors. When you save a complex photo as a GIF, the color reduction process creates banding and dithering. The file size becomes large if there are many frames or large areas of change between frames.
For high-quality web animations, use a modern video format like MP4 instead of GIF. If you must use GIF, in the 'Save for Web' dialog, reduce the number of colors (e.g., from 256 to 64) and increase the 'Lossy' setting to reduce file size.
Avoid using animated GIFs for anything other than very simple, short animations with flat colors. Use video for everything else.
You likely saved your file in a format that does not support layers, such as JPG or PNG, and then closed the document. This flattens the image, merging all layers into one.
If you haven't closed the document, you can use 'Undo' or the History panel to go back. If you have closed it, the layers are gone permanently from that file. You must go back to an earlier saved version.
Always, always save your master working file as a .PSD (Photoshop) or .AI (Illustrator) to preserve your layers. Only save copies as JPG or PNG for final delivery.
A color profile is a small piece of data that tells a device how to interpret the file's RGB or CMYK values. Embedding it ensures color consistency.
When saving for web, you should almost always check the box to 'Embed Color Profile' and ensure it's set to sRGB. This is the standard color space for the web and ensures your colors look correct in most browsers.
In Photoshop's Color Settings ('Edit > Color Settings'), set your RGB working space to sRGB to avoid conversion issues from the start.
HEIC is a newer, efficient file format that older versions of Photoshop or Windows may not support natively.
Update your Photoshop to the latest version. You may also need to install a HEIF/HEVC codec from the Microsoft Store on Windows. Alternatively, on your iPhone, you can go to Settings > Camera > Formats and choose 'Most Compatible' to save photos as JPGs by default.
For maximum compatibility when sharing files, consider converting HEIC files to JPGs before sending them to clients or colleagues who may not have the latest software.
Adobe changed this workflow, causing confusion. 'Save As' now defaults to saving as a cloud document or a format that preserves layers, while 'Save a Copy' is for exporting flattened formats.
Use 'Save As' (Ctrl+Shift+S) for your primary layered files (.PSD, .TIFF). Use 'Save a Copy' (Ctrl+Alt+S) when you need to export a flat version like a JPG or PNG for delivery.
Learn the new keyboard shortcuts. If you dislike this workflow, you can revert to the old 'Save As' behavior in 'Edit > Preferences > File Handling' by checking 'Enable legacy Save As'.
Photoshop, Illustrator and Canva behaving unexpectedly.
Photoshop is a resource-intensive program. Slowness is often caused by insufficient RAM, a slow hard drive (scratch disk), or too many large files open.
Go to 'Edit > Preferences > Performance'. Ensure Photoshop is allowed to use a good amount of RAM (70-80%). Under 'Scratch Disks', make sure your fastest drive (ideally an SSD) is selected and has plenty of free space. Close any documents you are not actively working on.
Regularly purge your history and cache ('Edit > Purge > All'). Work with smaller, optimized files when possible and only open what you need.
The layer is locked. This can happen for several reasons. The default 'Background' layer is partially locked. Other layers may be fully locked to prevent accidental edits.
In the Layers panel, select the locked layer. Click the lock icon at the top of the panel to unlock it. If it's the 'Background' layer, you can drag the lock icon to the trash can or double-click the layer to convert it to a regular layer.
Get into the habit of duplicating your background layer before you start editing, leaving the original locked and untouched at the bottom of your layer stack.
You are likely working in an image mode that doesn't support the tool. For example, you cannot use the Brush tool in an Indexed Color mode (common in GIFs).
Check your image mode by going to 'Image > Mode'. For full functionality, your image should typically be in 'RGB Color' and '8 Bits/Channel'.
Always check your document's mode and bit depth before starting a complex editing project.
Canva's AI tools are powerful but not perfect. It may have misinterpreted the edges of your subject.
After using the Magic Eraser, the tool gives you options to 'Erase' or 'Restore'. Select the 'Restore' brush and carefully paint back over the areas of your subject that were accidentally removed.
For complex subjects, try to use an image with a simple, high-contrast background to give the AI the best chance of success.
Canva has a huge library, but it doesn't include every font in existence. The font you want may not be licensed for use on their platform.
If you have a Canva Pro account, you can use the 'Brand Kit' feature to upload your own custom fonts. Otherwise, you will need to find a similar-looking font from Canva's extensive library.
Establish a brand kit with your approved fonts, colors, and logos to ensure consistency and save time.
Hair and fur are notoriously difficult because they are semi-transparent and have thousands of fine edges. Basic selection tools like the Magic Wand will fail.
In Photoshop, make an initial selection with the 'Object Selection Tool'. Click 'Select and Mask'. Use the 'Refine Edge Brush' tool within this workspace and paint along the edges of the hair. Photoshop's AI will analyze the edges and create a complex, high-quality mask.
Always shoot subjects against a plain, contrasting background if you know they will need to be cut out later. This makes the selection process much easier.
This is a common point of confusion. They seem similar but behave differently.
Opacity sets the maximum transparency for the entire brush stroke. Flow sets the speed at which the 'paint' is applied. A low flow brush is like a spray can; you can build up color in an area by painting over it multiple times without lifting the mouse. A low opacity brush will never exceed its opacity setting in a single stroke.
Use Opacity for overall transparency. Use Flow for shading and blending effects where you need to build up tone gradually.
Delivery, organisation, batch work and client confusion.
The client doesn't understand the difference between raster and vector. They are seeing the logo become pixelated when you scale it up.
Explain that the logo needs to be placed on the image as a separate, scalable element. The best way is often to provide them with a transparent PNG of the logo, and have their web developer place it on top of the image using HTML/CSS, so it's always sharp.
Always supply clients with logo files in a vector format (SVG, AI, EPS) and a high-resolution transparent PNG. Provide a brief explanation of when to use each file type.
A project with hundreds of source images, edits, and exports can quickly become chaotic.
Use a disciplined folder structure. For example: `Project_Name > 01_Source_Images > 02_Master_Files (.PSD) > 03_Exports_Web > 04_Exports_Print`. Use clear, descriptive filenames like `Homepage_Hero_Banner_v3.psd`.
Establish your folder structure at the very beginning of the project and stick to it. It saves countless hours searching for files later.
This is a common strategic question. The answer depends on your goals.
Start with Canva. It will teach you the fundamentals of layout, typography, and composition quickly and easily. Once you feel limited by what Canva can do (e.g., you need advanced photo retouching or complex selections), then it's time to graduate to Photoshop.
Don't see it as an 'either/or' choice. Many professionals use both: Canva for speed and templates, Photoshop for power and precision.
The client does not have Adobe Illustrator or Photoshop installed on their computer. These are professional source files, not final, viewable images.
Apologize for the confusion and ask them what file format they need for their specific purpose. For viewing, send a PDF or JPG. If they need it for their website, send a PNG or SVG.
Never assume a client has professional design software. Always ask what their final use case is and export the appropriate file format for them. Deliver the source files only if specifically requested.
Colors can look different on various screens and in print due to unmanaged color profiles and the RGB/CMYK shift.
Create a brand style guide that specifies the exact color values for every context: HEX codes for web (e.g., #4f46e5), RGB values for digital, and CMYK/Pantone values for print. Use these exact values in all your designs.
Use the 'Libraries' feature in Adobe products to save your brand colors, logos, and character styles, ensuring you can access the correct assets in any project.
Manually editing a large batch of photos is incredibly time-consuming and prone to inconsistencies.
In Photoshop, use 'Actions' to record your editing steps on one photo, then use 'File > Automate > Batch' to apply that action to an entire folder. For RAW photos, you can edit one photo in Adobe Lightroom or Camera Raw, then copy and paste those settings to all other photos in the set.
When shooting a series of photos that will need similar edits (like event photography), use consistent camera settings (manual mode) to make batch processing much more effective.
Making a good selection is an art. A hard-edged selection will never look natural when composited.
After making your initial selection in Photoshop, go to 'Select > Select and Mask'. Use the 'Feather' slider to soften the edge slightly (1-2px is often enough). Use the 'Shift Edge' slider to contract the selection inward to avoid background halos. Use the Refine Edge brush on soft areas like hair.
Take your time with selections. Zoom in and pay attention to edge details. A perfect selection is 90% of the work in creating a realistic composite.
The terms that let you diagnose accurately.
Ten questions in seven formats, each with layered hints. Served from the bank, never hardcoded.
Five rounds. Two options each — the right diagnosis, and why.
That closes the Image Management series. You have gone from what formats are and why they matter (Part 1), through the ten core tasks (Part 2) and real production workflows (Part 3), to diagnosing anything that breaks (here). You are no longer guessing at images — you understand the physics, the perception, the industry practice, and the fix for when it goes wrong.