http://wm-monitoring.ru/ ')) {alert('Спасибо за то что установили нашу кнопку! =)');} else {alert('Очень жаль! =(');}"> http://wm-monitoring.ru/

Сайттағы бейнені оңтайландыру: jpegtran көмегімен пакеттік өңдеу optipng | pngout

  1. Пререквизиттер
  2. Суреттерге арналған ұсыныстарды пайдаланамыз
  3. Мұрағат құрылымы
  4. Жұмысқа арналған қысқаша нұсқаулар
  5. Қосымша
  6. x64 (aka andi)

Суретсіз сайт - анахронизм. Көптеген адамдар ойлайды, бұл ақылға қонымды емес. Есіңізде болсын, сіз қанша уақыт сайтқа соңғы рет келдіңіз және ол қанша уақыт болды?

Мәтіндік деректер кескіннен әлдеқайда аз. Бірақ адамдар көздерін жақсы көреді. Сондықтан суреттер әңгіменің сөзсіз артықшылығы болады.

Жалпы айтқанда, мәтін туралы сөйлесіп, оның мазмұнын және ыңғайлы визуалды ұсынуды, оның ішінде параграфтарды, тізімдерді, тырнақшаларды, кестелерді білдіреміз. Дегенмен, бұл жеткіліксіз, тіпті жаңалықтар сайттары журналистердің суреттерін беруге тырысады.

Дегенмен, бұл жеткіліксіз, тіпті жаңалықтар сайттары журналистердің суреттерін беруге тырысады

Суреттер қажет деп болжауға болады. Бұл суреттер, диаграммалар, жай суреттерді түсіндіруге болады.

Ұзақ уақыт бұрын, Путин мәңгілікке көрінбесе, мен алғашқы медициналық веб-порталды жасадым. Атласқа сурет салу қажет болды. Дененің анатомиялық құрылымын суретке түсірместен елестету өте қиын, әрі сөзбен сипаттау өте қиын. Және бұдан былай, bmp (қысылмаған пішім) суреттерін жүктеп алдым. Мен қамырды салмады деп айтуым керек пе? Сонымен қатар, кейбір браузерлер мұндай суреттерді қалай көрсету керектігін білмеді.

Неге суреттерді оңтайландыру керек? Қарапайым мысал - бұл фотосурет. Қазіргі заманғы телефондарда 8, 12 және одан да көп мегапиксельдерде камера бар. 12 MP 4000 × 3000 пикселге сәйкес келеді. Сахнаның күрделілігіне байланысты бұл 2-5 мегабайт мөлшеріне және одан да көп. Ондаған фотосуреттер - және бет өлшемі көп ширатылады. Сурет мазмұн аумағына сәйкес келеді, яғни браузер алдымен барлығын жүктеп алып, оны масштабтау керек, содан кейін оны көрсету керек. Әлсіздер үшін процессорлар немесе аз мөлшерде ЖЖҚ - апат.

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

Біреулер бұл туралы ештеңе жоқ деп айтуға болады, қазіргі заманғы CMS кескіндерді жүктеу кезінде автоматты түрде жасайды. Бірақ әрқайсысы өздерінің сайттарын VPS немесе VIP-тарифтері бар ма? Загрузка 12 MP кескін пайда болуы мүмкін, бірақ оны өңдеу үшін, PHP сақтау үшін 35 есе мегабайт (теориялық, шын мәнінде көп) бөлуге, одан кейін кішірек көшірмені жасаудың қанша екенін біледі. Арзан тарифтер дереу ресурстардың асып түсуіне түседі. Жақсы хостер пайдаланушыға бұдан былай емес, одан құтылуға кеңес береді, жаман адам оны елемейді, өйткені қызмет көрсетуді емес, ақша үшін оған ғана маңызды.

Осылайша, біз дұрыс әрекет етуге бел будық. Біз суреттерді алдын ала азайтамыз, содан кейін оларды сайтқа жүктейміз. Демек, қозғалтқыш жеңіл және адамдар. Барлық нәрсе Шындығында емес.

Көптеген редакторлар қосымша ақпаратты қамтитын түпнұсқа бөліктерді (мета-ақпарат, файлдың сурет емес бөліктері) сақтайды. Мысалы, егер сіз телефондағы бір нәрсені суретке түсірсеңіз, файлды компьютерге жіберіңіз, оны оң жақ пернесімен басып, «Сипаттар → Мəліметтер» тармағын таңдап, құрылғыдағы деректерді көресіз: сіз түсірген камера, ысырма жылдамдығы, ISO жəне т.с.с. Пайдаланушы үшін бұл ақпарат пайдасыз, сондықтан сіз оны құтқара аласыз.

Бұл туралы ойланып көріңізші. Онда қандай ақпарат бар? Елестетіңіз. Кейде сіз осындай деректердің жүздеген килобайты болатын суреттерді аласыз. Бүгінгі күні олар 584 Кб көлемінде логотип жіберді. Сонымен қатар пайдалы ақпарат тек қана 14 Кбайт болды! Мен болсам, келушіге 570 Кбайт жүктеуді мәжбүрлеу дұрыс емес.

Аралық жиынтықтарды шығарып алайық. Сайтты пайдаланушыларға тиімді ету үшін сізге қажет:

  1. Кескіннің өлшемін азайтыңыз. Кез келген графикалық редакторға көмектесу.
  2. Файл бөліктерінен тастау қажет емес. Шын мәнінде, пайдаланушы тек суретті қажет етеді.
  3. Кескіннің өлшемін одан әрі азайтуға тырысыңыз.

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

Бірақ 2 және 3-тармақтар арнайы бағдарламалардың мейірімділігі бойынша беріледі. Суреттермен жұмыс істеу үшін бағдарламалық қамтамасыз ету. Google келесі бағдарламаларды ұсынады:

  • JPEG форматындағы сурет үшін jpegtran .
  • PNG кескіндері үшін опцияны қосу және pngout .

Әдетте, графикалық редакторлар онымен алаңдамайды. Олар жай ғана суретті сақтап, сол параметрлерді, квантования коэффициенттерін және басқа заттарды қысу алгоритмдерін уақытынан бұрын таңдады. Оған қоса, көпшілігі қолда бар мета-ақпараттарды адал жеткізеді және олардың файл өлшемін одан әрі арттырады.

Пререквизиттер

Бір жыл бұрын олар қызмет туралы әңгімелесті. PageSpeed ​​Insights googleден. Іс жүзінде, бұл - «жақсылық жасау» туралы іздестірушінің ұсынымдары. Тек сайттың мекен-жайын енгізіп, оңтайландыру бойынша ұсыныстар тізімін алыңыз. Онда сіз сайтымыз үшін қазірдің өзінде оңтайландырылған ресурстарды, соның ішінде суреттерді жүктеп алуға болады. Рас, бұл тек тексерілген бетке қатысты.

Егер сізде веб-сайт болса, міндетті түрде қараңыз Бұл мақала . Әсіресе WordPress қолданушылар үшін пайдалы.

Суреттерге арналған ұсыныстарды пайдаланамыз

Қарапайым: Google арқылы анықталған бағдарламаларды қотарып, сервер арқылы барлық файлдарды іске қосыңыз. Мәселе мынада, бұл утилиталар - консоль. Олар бір уақытта тек 1 файлды алады. Бірақ біз бекер емеспіз соңғы мақала файлдарды жинауға арналған уақытты алды ма?

Мақаланың ақпараты өзіңіздің файлдарыңыздың массасын жасау үшін жеткілікті, сондықтан мен бұл жерде қай жерде боямаймын. Мен жай ғана өзімді пайдаланатын дайын жиынтығын жүктеп алуды ұсынамын.

Мұрағатты жүктеу (212 КБ)

Мұрағат құрылымы

Мұрағатта [ OptimizeImg ] қалтасы бар. Жұмысты бастау үшін, оны бір жерге апарыңыз. Менде c: \ temp ішінде орналасқан, бірақ маңызды емес. Ең бастысы, жолда леп белгісі жоқ.

Келесі. Бұл қалта [ uploads ] подкаталоты бар. Мұнда өңдеуді қажет ететін файлдарды қою қажет. Ең жақсы бөлік кем дегенде қалтаны / файл құрылымын басуға болады.

Басқа үш бағдарлама бар: jpegtran.exe | optipng.exe | pngout.exe - Google ұсынған өте пайдалы утилит. Тиісті ресми сайттардан / репозитарийлерден жүктелді. Егер күмәндансаңыз немесе жаңартып алғыңыз келсе, сенімді көзден жүктеп алып, барлығын ауыстырыңыз.

Және, ақырында, фулзаның жүрегі. Батнички:

  • 1.бат
  • 3.батыр
  • 3-go.bat
  • 3-opti-out.bat
  • 3-out-to-opti.bat

Бірінші файл, 1.бат, құрылымды [uploads] ішінен қайта жасайды. 3 қосымша қалталар жасалады: [jpg_jpegtran] [png_optipng] [png_pngout] олардың түріне өңделген минималды файлдармен (jpg - тек .jpg-файлдар, сол сияқты png).

3.патта орындау үшін үш бума файлын дәйекті түрде іске қосыңыз:

  • 3-go.bat дерлік 1.bat сияқты бірдей. Minimizers арқылы jpg / png файлдарын өткізіңіз. Жұмыстың нәтижесі тиісті суреттермен бірге 3 қалта (жоғарыдан қараңыз) болады.
  • 3-opti-to-out.bat оптифтинг + pngout арқылы өңделген файлдар жазылған [png_optipng-to-pngout] қалтасын жасайды (дәл осы ретпен).
  • 3-out-to-opti.bat pngout + optipng арқылы өңделетін файлдар жазылған [png_pngout-to-optipng] қалтасын жасайды. Алдыңғы қатардағы сияқты, басқа кезекпен ғана.

Негізінде, біздің қажеттіліктерімізге тек 2-ші деңгей жеткілікті. 3x қапшықтар пакеттік файлдың алдыңғы нұсқасындағы зерттеулер мен қателердің нәтижесінде пайда болды. Қате кезінде pngout файлдары оптикалық каталогтан алынды. Ал ескі нұсқаны іске қосу жаңартылған пакеттік файлға қарағанда 1,5 есе аз мөлшерде болғанда таңқалдырды. Нәтижесінде, екі еселенген өңдеуді жақсы суретке түсіру мүмкін болды. Бірақ бұл шамамен 2 есе көп уақытты алады. Сондықтан қажет болса, өзіңізді шешіңіз.

Жұмысқа арналған қысқаша нұсқаулар

  1. Мұрағатты жүктеп алыңыз .
  2. Оны орамасынан шығарыңыз.
  3. Жаңадан ашылған [OptimizeImg] қалтасына өтіңіз.
  4. Қаттылығын талап ететін барлық файлдар [қотарып алу] қалтасын көшіріңіз.
  5. 1.батаны іске қосып, күте тұрыңыз. Көптеген файлдар болса және олар png болса, ұзақ уақыт күтіңіз.
  6. Қара терезеде хабарды жалғастыру үшін пернені басу қажеттілігі туралы хабарлама шыққанда, бәрі дайын. Жасалған қалталардың мазмұнын қабылдау және FTP арқылы хостингке көшіру, бұрынғы файлдарды қайта жазу.

Мысалы үшін. Сізде WordPress блогы болсын. Барлық суреттер [ / wp-content / uploads / ] сақталады. Торап қалтасына барыңыз (ftp арқылы), [ wp-мазмұны ] тармағына өтіп, [ uploads ] сол аттың OptimizeImg қалтасына көшіріңіз. 1.батаны іске қосып, күте тұрыңыз. Жұмысты аяқтаған соң, [jpg_jpegtran] мазмұны (біз барамыз!) Серверге жүктеледі. Қолданыстағы файлдарға қатысты сұраулар қайта жазу арқылы жауап береді. Png үшін ұқсас трюк, бірақ алдымен қандай қалта - [png_optipng] немесе [png_pngout] - аз орын алады, оның мазмұнын толтырады.

Басқа файлдарды зақымдауға қорықпаңыз. Батники тек jpg / png файлымен жұмыс істейді, тек осы түрлердің суреттері жаңадан құрылған қалталарға жазылады.

Біреу пайдалы болады деп үміттенемін. Жетістік!

Қосымша

  1. [OptimizeImg] жолына леп белгісі болмауы керек ! және пайызбен %
  2. Әкімші қажет емес сценарийлерді іске қосыңыз. Сонымен қатар, бұл жағдайда олар жұмыс істемеуі мүмкін!
  3. ...

Баспагер

Онлайн емес 13 сағат

x64 (aka andi)

Түсіндірмелер: 2846 Басылымдар: 395 Тіркелу: 02-04-2009

Есіңізде болсын, сіз қанша уақыт сайтқа соңғы рет келдіңіз және ол қанша уақыт болды?
Мен қамырды салмады деп айтуым керек пе?
Неге суреттерді оңтайландыру керек?
Бірақ әрқайсысы өздерінің сайттарын VPS немесе VIP-тарифтері бар ма?
Онда қандай ақпарат бар?
Карта