PRACTICAL GUIDES
Image preparation guides
Practical guidance for image formats, compression, cropping and responsive delivery.
01How to choose JPG, PNG, WebP or AVIFA practical format guide for photographs, transparent graphics, interface assets and website compatibility.6 min read02Compress website images without obvious quality lossA repeatable way to balance image dimensions, encoding quality and page weight.7 min read03Choose the right crop and aspect ratioPlan crops for square cards, editorial images, video covers and social previews without losing important content.5 min read04Build responsive images with srcset and sizesServe an appropriate image width to phones, tablets and large screens instead of one oversized file.7 min read