2026-05-19 · 1 मिनट पढ़ाई
responsive layouts के लिए image resize
layout जो exact widths use करता है export करें — mobile को 4000px sources ship न करें।
imageperformancefrontend
मुख्य बिंदु
- resize first, compress second — quality और bytes के लिए order matters.
- art direction crops न चाहिए तो aspect ratio keep.
srcset match
एक giant master file की बजाय per breakpoint 1x/2x widths generate.
resized outputs ship format के साथ Image Compress pair.
अक्सर पूछे जाने वाले प्रश्न
resize के बाद format?
modern stacks photos WebP; crisp UI edges PNG.
secondary field width?
target width या WxH; unnecessary upscaling बिना bounds fit.