Photos that look sharp and vibrant in Lightroom can appear muddy, oversaturated, or soft when published online because web platforms compress images, strip color profiles, and display them on screens calibrated to wildly different standards. A small set of deliberate export and preparation steps eliminates most of the discrepancy between what you edited and what viewers actually see.
Export for the Web: Resolution, Color Space, and Compression
Always export web images in sRGB. Most monitors, phones, and web browsers render sRGB correctly, and browsers that support wide-gamut color spaces (like Display P3) will still handle sRGB cleanly. If you export in AdobeRGB or ProPhoto RGB and the browser ignores the embedded profile, saturated colors will appear flat and desaturated. Embed the color profile in every export so that color-managed browsers can interpret the file correctly.
For resolution, 2048 pixels on the long edge is a reliable all-purpose size for portfolio websites and social sharing. This is large enough to look sharp on a 27-inch 4K display and small enough that platforms will not aggressively compress it. For Instagram specifically, export at 1080 pixels wide for square or portrait crops and 1350 pixels tall for portrait (4:5) format. Exporting larger than Instagram’s limits triggers heavier compression. For horizontal images on Instagram, 1080 pixels wide at the 1.91:1 aspect ratio avoids letterboxing.
Set your JPEG quality to 80 to 90 in Lightroom’s export dialog. Quality 100 produces a file three to five times larger with almost no visible benefit at web display sizes, and many platforms will recompress it anyway. Quality below 75 often introduces visible artifacts in skies and skin tones. Use quality 85 as a starting point and evaluate the file size versus quality on a few test images.
Sharpening for Screen Rendering
Images need a different type of sharpening for screen display than for print. In Lightroom’s Export dialog, under “Image Sizing,” enable the “Sharpen For: Screen” option. This applies a gentle output sharpening pass tuned for the pixel density of a monitor rather than the ink-on-paper rendering of a printer. Without output sharpening, images exported at 2048 pixels will often look slightly soft on screen compared to how they appeared at 100 percent zoom in Lightroom.
If you are doing more aggressive sharpening in Lightroom’s Detail panel or in Photoshop, dial it back slightly for web-sized exports. Sharpening that looks correct at 100 percent zoom on a full-resolution file looks over-cooked once the image is resampled down. A good workflow is to apply your main sharpening in the Detail panel at a moderate level, then add the export-time output sharpening as the final step. Avoid heavy unsharp mask passes before downsampling.
How Social Platforms Alter Your Images
Facebook and Instagram both recompress uploaded JPEG files, and the degree of compression depends on the file size, format, and whether you are on mobile or desktop. Instagram applies heavier compression to files that exceed its internal size thresholds, so exporting at exactly the recommended pixel dimensions rather than larger gives you more control over the output quality. Facebook’s compression is less predictable, but exporting at sRGB with a quality of 85 and a file size under 1.5 MB tends to produce acceptable results.
Color management is the bigger issue on social platforms. Instagram on iPhone renders sRGB images correctly on an iPhone with a P3 display, showing them with slightly reduced gamut compared to a true P3 image. If you export a P3 or AdobeRGB image without an embedded profile, Instagram may display it with shifted colors. Always embed the sRGB profile at export. For portfolio websites on platforms like Squarespace or Smugmug, check whether the platform strips embedded profiles during its own resizing pass. Squarespace, for example, processes uploaded images through its own CDN which can alter color rendering if the profile is stripped.
Understanding your white balance rendering also matters for online photos. Images shot in mixed light or with a custom white balance sometimes look correct in Lightroom but appear cooler or warmer on a different screen. Setting white balance to a consistent neutral (Daylight at 5500K for outdoor work, or a custom measured value) makes your images render more predictably across different viewing devices.
Watermarking and Metadata for Online Images
If you add a watermark, keep it visually simple and placed in a corner where it does not compete with the image content. A semi-transparent text watermark at 30 to 40 percent opacity in a corner is less distracting than an opaque logo in the center of the frame. More importantly, always embed copyright EXIF metadata: your name, copyright year, and contact URL. EXIF data travels with JPEG files on most platforms and is how image search engines and licensing platforms identify ownership. In Lightroom’s Export dialog, ensure “Copyright” and “Creator” fields are populated in your export metadata preset, and include a contact email or website URL.
Common mistakes to avoid
- Exporting in AdobeRGB for web sharing without embedding the profile, which causes browsers that ignore untagged profiles to desaturate the image.
- Uploading at a pixel size far above the platform’s display limits, triggering aggressive server-side compression that degrades quality more than a correctly sized export would.
- Applying heavy capture sharpening before downsampling, which creates an over-sharpened, crunchy look at web sizes.
- Skipping output sharpening at export time, leaving images looking softer on screen than they appeared in your editing software.
- Stripping all metadata at export, which removes copyright information and makes it impossible for viewers to trace the image back to you.
Frequently asked questions
Why do my photos look less sharp after uploading to Instagram? Instagram recompresses uploaded images, and this compression introduces softness and JPEG artifacts especially in skies and smooth gradients. Export at exactly 1080 pixels wide (or 1080 by 1350 for portrait), sRGB, quality 85, with screen output sharpening enabled. This gives Instagram less reason to compress aggressively and maximizes the sharpness of the final displayed image.
Should I export as JPEG or PNG for online photos? JPEG is the right format for photographs. PNG uses lossless compression, which produces files three to five times larger than JPEG at equivalent visual quality for photographs, and most platforms will convert them to JPEG anyway. Use PNG only for graphics with hard edges, text overlays, or transparent backgrounds where JPEG’s lossy compression would create visible artifacts around the edges.
How do I stop my photos looking too saturated on other people’s screens? You cannot fully control other monitors, but you can reduce the risk. Edit on a calibrated monitor at D65 and 80 to 120 cd/m2. Export sRGB with an embedded profile. Keep your global saturation adjustments conservative and use targeted HSL adjustments instead of a global boost, which is more likely to clip on uncalibrated screens. Avoid pushing individual color channels to the edge of the histogram.