A beautiful edit can fall apart during export. The rust-red sunset you shaped so carefully can turn flat on a phone, while fine hair can dissolve into crunchy JPEG blocks. A print may arrive darker than your glowing monitor suggested, even though the file looked flawless at 100% magnification.

Export settings determine whether an image stays crisp, loads without making a page crawl, prints with believable color, or displays correctly on social platforms. The central rule is simple: build the file for where it will live. One giant, maximum-quality export is not a universal master; it is often extra baggage wearing a quality badge.

I have delivered photographs for gallery walls, client websites, press kits, and fast-moving social feeds. Each destination asks for a different balance of pixels, color, compression, and framing. You will learn which settings that matter deserve your attention, why familiar advice such as “always use 300 PPI” breaks down, and how to create repeatable exports without turning every delivery into a guessing game.

Match Pixel Dimensions to the Place Your Photo Will Live

Exporting for Web, Print, and Social: Settings That Matter begins with pixel dimensions because width and height control how much digital image information you deliver. For screens, pixels matter more than embedded PPI; for print, those same pixels must cover a physical area at a suitable density.

Suppose your website displays a portfolio image at 1200 pixels wide. A 2400-pixel version can look clean on a high-density screen when the site serves it responsively, but uploading a 7000-pixel original usually adds weight without adding visible detail. According to web.dev guidance on responsive images, supplying multiple image sizes lets the browser choose a file suited to the screen and layout [1].

Print turns pixel dimensions into inches. A 2400 × 3000-pixel file produces an 8 × 10-inch image at 300 PPI because 2400 divided by 8 equals 300. Set that same file to 72 PPI without resampling, and it still contains 2400 × 3000 pixels; only the suggested physical size changes.

PPI is a printing instruction, not a digital sharpness switch. Changing 72 PPI to 300 PPI cannot create detail unless the software also adds pixels.

Viewing distance changes the print target. A small album photograph rewards fine detail near 300 PPI, while a 2-metre exhibition panel can work at a lower effective resolution because viewers stand farther back. I once prepared a wall graphic that looked slightly soft with my nose near it, yet looked beautifully detailed from across the room—the distance was part of the design.

Choose a Format That Preserves the Right Kind of Detail

Exporting for Web, Print, and Social: Settings That Matter requires choosing a format by image content, not by a vague hierarchy of quality. JPEG suits photographs, PNG protects transparency and hard-edged graphics, modern formats shrink web payloads, and vector formats keep logos sharp at nearly any size.

A PNG photograph may look pristine, yet its file can be several times heavier than a visually similar JPEG. On a restaurant website, that extra weight means a plate of glossy pasta appears late while the visitor stares at empty space. For a transparent white logo over a dark header, though, PNG, WebP, or SVG is a far better tool because JPEG cannot store transparency.

Watch transparent edges against more than one background. A product cutout that looks clean on white may reveal a pale, dusty halo on charcoal gray. For web logos, I keep the vector original and export SVG when the publishing system accepts it; rasterizing that logo early is like carving its size into stone.

For print, ask the printer what the production system wants. Some labs prefer high-quality JPEG or TIFF, while commercial presses often request a specific PDF standard. The destination decides the format, and the editable master stays safely separate.

Keep Color Consistent Across Browsers, Phones, and Paper

Exporting for Web, Print, and Social: Settings That Matter depends on color management because screens emit light while paper reflects it. Use sRGB for dependable digital delivery, embed the profile where supported, and follow the printer’s instructions instead of converting every print file to an arbitrary CMYK profile.

A color profile is the map that tells software what the file’s numbers mean. Without that map, the same red values can produce a warm brick red in one app and a sharp tomato red in another. According to the International Color Consortium, ICC profiles support consistent color conversion between devices and color spaces [2].

Display P3 can hold more saturated colors than sRGB on compatible displays, which can help with electric greens, orange fabric, or neon signs. The tradeoff is predictability: an unmanaged app or conversion can dull or shift those colors. For general websites and social feeds, I still choose sRGB as the safe baseline unless I control the viewing pipeline and have tested a wider-gamut version.

Print needs a more personal conversation. The correct CMYK profile depends on the press, paper, ink, region, and total ink limit, while some photo labs want RGB files and handle conversion themselves. Sending generic CMYK “just because it is print” can clip saturated blues and bury shadow detail.

Use soft proofing when a printer supplies a profile. During one fine-art print preparation, a luminous blue jacket lost depth on matte paper; soft proofing showed the problem before ink touched the sheet. I adjusted the blue and lifted the deepest folds, then ordered a proof under the light where the finished piece would hang.

Prepare Prints That Arrive Sharp, Trimmed, and Believable

A reliable print export matches the final physical size, requested resolution, bleed, safe margin, and printer profile. Build from the printer’s specification sheet, keep critical details away from the cut line, and order a physical proof when skin tone, brand color, or shadow detail carries real weight.

Imagine a 10 × 8-inch wedding album spread with a photograph running to the edge. If the printer asks for 3 mm of bleed, extend the image beyond the trim rather than stopping at the finished page boundary. That narrow extension gives the cutting blade room to wander without leaving a bright white hairline.

Bleed protects the edge, while the safe margin protects the content. Keep faces, captions, page numbers, and logos inside the printer’s safe area. A fingertip near the frame can tolerate a slight trim; the last letter of a name cannot.

• Set the document to the requested trim size and add the specified bleed, often 3 mm or 0.125 inches.
• Check effective PPI at the image’s placed size, not merely the number shown in the original file.
• Use the supplied RGB or CMYK profile and export the requested PDF, TIFF, or JPEG format.
• Include crop marks, font handling, rich black, or transparency settings only when the printer requests them.

Small black type is commonly safest as 100% black ink only, while a printer may recommend a rich-black mixture for broad dark areas. Do not invent the ink recipe; excess ink can make fine type swell or dry poorly. The printer knows the press, and a short production email can save a costly rerun.

Prints often look darker because your monitor shines light directly into your eyes, while paper depends on light bouncing off its surface. If your display resembles a bright shop window in a dim room, you may edit shadows too dark. A calibrated display, a printer profile, and a real proof form a practical bridge between glowing pixels and textured paper.

Build Social Crops That Survive Small Screens and Recompression

A strong social export uses the platform’s current aspect ratio, recommended pixel dimensions, sRGB color, and a generous safe area. Create separate portrait, square, story, and banner versions because one crop cannot protect every face, headline, logo, or interface overlay.

Consider a portrait of a chef holding a copper pan. A roomy landscape crop may feel balanced on your desktop, but a vertical feed crop can slice through the pan handle, while a profile grid preview can shave the chef’s hat. Compose for each placement instead of asking automatic cropping to understand the story.

Keep faces and type away from the edges, especially where buttons, captions, usernames, or playback controls sit. Tiny white lettering over steam may look elegant in your editing app, then turn into pale grit after resizing and recompression. Use larger text, stronger contrast, and slightly simpler detail when the final view will be the width of a phone.

Uploading more pixels does not promise a sharper post. Social services commonly resize, recompress, sharpen, or transcode uploads using their own processing rules.

Platform dimensions and interface crops change, so check the live publishing guidance before a campaign or major delivery. Preview the uploaded result on a phone as well as a desktop. I have caught clipped subtitles, blocked logos, and skin tones that shifted only after viewing the actual post rather than the local file.

Video follows the same destination-first rule. Match the placement’s resolution and aspect ratio, keep the frame rate aligned with the source timeline, and use a broadly supported delivery such as H.264 in an MP4 container when required. Add platform captions or a supported sidecar file, and export from the high-quality master rather than transcoding yesterday’s compressed post.

Use Compression and Sharpening Without Making Photos Look Brittle

Good output processing applies compression and sharpening after resizing, then judges the finished file at its actual viewing size. Choose the lowest file weight that keeps gradients, skin, text, and fine edges clean; a maximum slider setting often adds bytes long before it adds visible quality.

Compression is a packing decision: you decide which detail can leave the suitcase without changing the trip. A soft forest background can tolerate more JPEG compression than a product photograph filled with engraved lettering and polished metal. There is no universal JPEG percentage because editing applications use different quality scales and encoding methods.

Export two or three versions and inspect them side by side. Look closely at blue skies for bands, cheeks for waxy patches, dark hair for block patterns, and roof tiles for crawling edges. Then step back to the intended size; defects visible at 400% magnification may disappear completely in a 1200-pixel browser image.

Sharpening should come after the final resize because resizing changes edge structure. A web thumbnail often needs a crisp, restrained screen sharpen, while an inkjet print may accept stronger sharpening that looks slightly coarse on the monitor. Paper and ink soften detail, much like a thin layer of tracing paper laid over the photograph.

Repeated JPEG saving compounds damage. Keep an uncompressed or minimally compressed master with layers and full resolution, then create every delivery file from that master. Also inspect metadata before public release: retain useful copyright details when suitable, remove private GPS or device data, and add alt text in the website or social platform because embedded image metadata may be stripped.

Turn One Master File Into Reliable Outputs Every Time

A repeatable export workflow keeps one high-quality master and creates destination-specific files from it. Crop, resize, convert color, sharpen, compress, inspect, and test in that order so you can trace problems quickly instead of stacking random fixes onto an already compressed delivery file.

1. Protect the master. Keep full resolution, editable layers, vectors, masks, and a suitable working color space.
2. Duplicate for the destination. Create separate web, print, feed, story, thumbnail, and banner versions where their shapes differ.
3. Crop and resize. Match the actual placement while leaving safe space around faces, logos, and type.
4. Convert the color. Use sRGB for common digital delivery or the exact profile requested by the printer.
5. Apply output sharpening. Judge it after resizing and at the intended viewing scale.
6. Select format and compression. Balance transparency, file weight, compatibility, and visible detail.
7. Handle metadata deliberately. Keep useful rights data and remove sensitive location information.
8. Inspect the exported file. Open the delivery file itself, not merely the editing-app preview.
9. Test the real destination. Check the browser, phone, social upload, projection system, or physical proof.

For example, my master of a musician on a red-lit stage might generate a 2400-pixel WebP for a portfolio, a smaller JPEG fallback, a vertical social crop, and a printer-profiled file for a framed print. The edits share one foundation, but each output has a separate job.

Use filenames that expose the job at a glance, such as event-stage-web-2400-srgb or event-stage-print-16×20. Clear naming prevents a compressed social JPEG from slipping into a print order six months later. Archive the master and treat delivery files as replaceable products; the master is the negative, while exports are the prints you cut from it.

Frequently Asked Questions

Does PPI matter for websites or social media?

PPI does not control normal screen display by itself; pixel width and height carry the digital image detail. A 2000-pixel-wide photo remains 2000 pixels wide whether its metadata says 72 PPI or 300 PPI. PPI gains practical meaning when those pixels must cover a measured print size.

Should every print image be exported at 300 PPI?

About 300 PPI is a common target for close-viewed prints, but it is not a law. Printing method, paper, subject detail, physical size, and viewing distance change the useful resolution. Ask the printer for the requested effective PPI at final size.

Is PNG better quality than JPEG for photographs?

PNG is lossless, but it is rarely the efficient choice for ordinary photographs. JPEG produces much smaller photographic files when you choose compression carefully. Use PNG when you need transparency, crisp screenshots, flat graphics, or freedom from lossy edge artifacts.

Why does my photo look different after I upload it?

The service may resize, recompress, sharpen, strip metadata, reinterpret color, or alter HDR content. Your phone, browser, background color, and brightness can add more differences. Export in sRGB, match the preferred dimensions, and judge the uploaded result on the devices your audience uses.

Should I send RGB or CMYK files to a printer?

Follow the printer’s production instructions. Many photo labs prefer RGB and perform their own conversion, while some commercial presses require a named CMYK profile or print-standard PDF. A random generic CMYK conversion can lose saturated color without making the print more accurate.

Conclusion

Export for the destination, not for the slider. Start with the required dimensions and crop, choose the format and color profile that the destination can interpret, sharpen after resizing, and inspect the actual exported file. Those choices matter far more than blindly selecting maximum quality or typing 300 into a resolution box.

Keep your layered, full-resolution master untouched, then make each delivery file earn its place. When the browser opens quickly, the phone crop leaves breathing room, and the print carries the quiet detail you saw behind the camera, your export has done its job—and nobody has to think about the machinery behind it.