Сайттағы көлемді суреттер: оңтайландыруды неден бастау керек

Баспаға дайындалған фотосурет шағын карточкаға өзгеріссіз түсуі мүмкін. Келуші сол орынға қажеттен көп дерек алады. Бірақ барлық суретті бірдей кішірейту де дұрыс емес: мұқаба, сызба және тауар фотосы әртүрлі міндет атқарады.

Негізгі файлдарды тізіңіз

Бетті ашып, жүктелгенде қай суреттер ең көп көлем алатынын қараңыз. Файл өлшемін экрандағы нақты өлшемімен салыстырыңыз. Алғашқы үлкен мұқабаны және мәтіннің төменіндегі суреттерді бөлек белгілеңіз: оқырман оларды әртүрлі уақытта көреді.

Түпнұсқаларды оңтайландырылған нұсқалардан бөлек сақтаңыз. Бұл өңделген файлды қайта-қайта сығымдамай өлшем өзгертуге мүмкіндік береді. Сызбаларда жазуларды, тауарларда таңдауға маңызды бөлшектерді тексеріңіз.

Қолайлы нұсқаларды дайындаңыз

Әртүрлі экранға әртүрлі өлшем қажет болуы мүмкін. web.dev сурет өнімділігі нұсқаулығында форматтар мен жүктеу шығынын азайту тәсілдері түсіндірілген. Нұсқаны тек килобайт санына емес, нақты көрсетілетін өлшемдегі сапасына қарап таңдаңыз.

Браузер алдын ала орын бөлуі үшін сурет өлшемдерін белгілеуде көрсетіңіз. Кейінге қалдырылған жүктеуді саналы қолданыңыз: алғашқы экран мұқабасы мен мақала соңындағы иллюстрация бірдей жағдайды күтуі міндетті емес.

Бір бетті дейін және кейін салыстырыңыз

Тексеруді бірдей жағдайда қайталаңыз. Құралдың қорытынды бағасымен шектелмей, негізгі контенттің пайда болуын және блоктардың жылжуын қараңыз. Сурет оқылмай қалса, сапасын қайтарып, көлемін азайтудың басқа тәсілін табыңыз.