Веб-сайт кескінін оңтайландыру
Кескіннің өлшемі қандай болуы керек және оның салмағын қалай азайтуға болады
Сайттардың жылдам жүктелуі үшін кескіндерді оңтайландыру қажет: кез келген графикалық редактордың көмегімен енін немесе биіктігін азайтыңыз (сіз тегін онлайн редакторларды пайдалана аласыз), содан кейін TinyPNG қызметінде фотосуретті қысыңыз.
Сурет неғұрлым ашық болса, соғұрлым тезірек жүктеледі. Салмақ екі параметрге байланысты:
1. Ені мен биіктігі бойынша пиксельдегі мәндер (3000x2000 пиксельдік фотосурет 300x200 пиксельдік фотосуреттен ауырырақ)
2. Суреттің мазмұны - фотосуреттегі ұсақ бөлшектер мен түстер неғұрлым көп болса, соғұрлым оның салмағы артады.
Алдымен суреттің өлшемін өзгерткен дұрыс, содан кейін салмақты одан әрі азайту үшін артық ақпаратты алып тастаңыз.
1. Ені мен биіктігі бойынша пиксельдегі мәндер (3000x2000 пиксельдік фотосурет 300x200 пиксельдік фотосуреттен ауырырақ)
2. Суреттің мазмұны - фотосуреттегі ұсақ бөлшектер мен түстер неғұрлым көп болса, соғұрлым оның салмағы артады.
Алдымен суреттің өлшемін өзгерткен дұрыс, содан кейін салмақты одан әрі азайту үшін артық ақпаратты алып тастаңыз.
Суреттің өлшемі қандай болуы керек?
Барлық үлкен кескіндер Tilda-ға жүктеп салынған кезде үлкенірек жағында автоматты түрде 1680 пиксельге дейін азаяды. 1680 пиксельден кіші суреттер бастапқы өлшемін сақтайды.
Кескін бағдарламалық құрал арқылы азайтылғандықтан, сапасы нашарлайды және салмақ жеткілікті түрде оңтайландырылмайды.
Кескін бағдарламалық құрал арқылы азайтылғандықтан, сапасы нашарлайды және салмақ жеткілікті түрде оңтайландырылмайды.
Үлкен өлшемді фотосуретті Tilda қолданбасына жүктеп салмас бұрын, оны үлкенірек жағында кемінде 1680 пиксельге дейін азайтыңыз.
Ең дұрысы, сайтта болатын өлшемдегі суреттерді жүктеп салу керек. Егер фотосуреттің өзі орналасудағы кескін өлшеміне сәйкес келмесе, браузер оны қысады немесе созады. Ол екеуін де нашар орындайды, сондықтан фото бұлыңғыр болады.
Кескіннің өлшемін білу үшін бетке блок қосыңыз, торды қосыңыз (кез келген мәтіндік блоктың параметрлерінде) және фотосурет қанша бағанды алатынын көріңіз. Бір баған 60 пиксель, бағандар арасындағы қашықтық 40 пиксель.
Кескіннің өлшемін білу үшін бетке блок қосыңыз, торды қосыңыз (кез келген мәтіндік блоктың параметрлерінде) және фотосурет қанша бағанды алатынын көріңіз. Бір баған 60 пиксель, бағандар арасындағы қашықтық 40 пиксель.
Суреттің салмағын мүмкіндігінше қалай азайтуға болады?
Ұқсас түстерді біріктіру арқылы кескіндерді қысатын арнайы бағдарламалар бар. Олар мұны өте ақылды түрде жасайды - көрнекі айырмашылық жоқ, бірақ фотосуреттің салмағы айтарлықтай төмендейді - ол 70% дейін жетуі мүмкін.
Мұндай қызметтердің мысалдары:
Мұндай қызметтердің мысалдары:
- TinyPNG
- Squoosh
- Кракен
- Компрессор
- Compressjpeg
- ImageOptim (Mac жүйесінде орнатуды қажет етеді)
Кескінді оңтайландыру мысалы
Кескіннің қалай оңтайландырылғанын көру үшін мысал ретінде Unsplash-тен жүктеп алынған Кристоф Бенгцсон Лиссальдтың суретін алайық.
Бастапқы файл өлшемдері: 4405×2478 пиксель және 3,5 мб.
Бастапқы файл өлшемдері: 4405×2478 пиксель және 3,5 мб.
Оны Tilda-ға сол күйінде жүктеп салайық. Фотосурет 1680×945 пиксельге дейін қиылады және оның өлшемі 1,2 мб болады.
Түпнұсқа файлды Photoshop бағдарламасында ашыңыз, оның өлшемін 1680×945 пиксельге өзгертіңіз, содан кейін оны сақтаңыз, біз 832 кб аламыз.
Фотосуретті TinyPNG файлына жүктеп салайық. Фотосурет 353 кб дейін азайтылды.
Түпнұсқа файлды Photoshop бағдарламасында ашыңыз, оның өлшемін 1680×945 пиксельге өзгертіңіз, содан кейін оны сақтаңыз, біз 832 кб аламыз.
Фотосуретті TinyPNG файлына жүктеп салайық. Фотосурет 353 кб дейін азайтылды.
Фотосурет сапасы өзгерген жоқ.
