Сайтын зураг оновчтой болгох: jpegtran ашиглан бета боловсруулалт | optipng | pngout

  1. Шаардлагатай зүйл
  2. Бид зураг авах зөвлөмжийг ашигладаг
  3. Архивын бүтэц
  4. Ажлын товч заавар
  5. Нэмэлт
  6. x64 (бас ба)

Зургийн ямар ч газар - анакронизм. Олон хүмүүс ингэж боддог бөгөөд энэ нь нийтлэг ойлголтоос ангид биш юм. Та сүүлийн үед сайт дээр хэр удаан ажиллаж байсан, хэр удаан байсан бэ?

Текст өгөгдөл нь зурагнаас хамаагүй бага байна. Хүмүүс нүдэнд нь дуртай байдаг. Тиймээс зургууд нь энэ түүхийн эргэлзээтэй давуу тал болно.

Ерєнхийдєє, текстийн тухай ярихдаа бид єєрийн агуулга, харагдахуйц илтгэл, догол мєр, жагсаалт, ишлэл, хїснэгтийг багтаадаг. Гэсэн хэдий ч, энэ нь хангалттай биш, тэр ч байтугай мэдээллийн сайтууд сэтгүүлчдийн зургийг гаргахыг оролдож байна.

Гэсэн хэдий ч, энэ нь хангалттай биш, тэр ч байтугай мэдээллийн сайтууд сэтгүүлчдийн зургийг гаргахыг оролдож байна

Зургууд хэрэгтэй гэж таамаглаж эхэлье. Эдгээр нь зураг, диаграмм, зургийг энгийн тайлбарлах боломжтой.

Өмнө нь Путин мөнхөд үзэгдээгүй байхад би анхны эмнэлгийн вэб портал хийсэн. Атлас руу зураг байрлуулах шаардлагатай байв. Зургийн ямар ч биеийн анатомийн бүтцийг төсөөлөхөд хэцүү байдаг бөгөөд бүх үгсээр тайлбарлах нь илүү дээр юм. Түүнээс гадна, би bmp (шахаагүй форматтай) зургуудыг байршуулсан. Тэд зуурсан гурилыг жинлэнэ гэж үү? Үүнээс гадна зарим хөтөчид ийм зургийг хэрхэн үзүүлэхээ мэдэхгүй байв.

Тэгэхээр имижийг хэрхэн оновчтой болгох вэ? Энгийн жишээ бол зураг. Орчин үеийн утас 8, 12, түүнээс дээш мегапиксел камертай. 12 MP нь 4000 × 3000 пикселийн дүр төрхөөр харагддаг. Харьцангуй нарийн төвөгтэй байдлаас хамааран энэ нь 2-5 мегабайт хэмжээтэй, үүнээс ч их юм. Зурагт хуудас - хуудасны хэмжээ их хэмжээгээр нэмэгдэж байна. Зураг нь агуулгын талбарт таарч байгаа бөгөөд энэ нь хөтөч эхлээд бүх зүйлийг татаж авах ёстой бөгөөд үүнийгээ харуулаад дараа нь харуулах ёстой. Сул дорой процессорууд эсвэл бага хэмжээний RAM - гамшиг.

Хэрэглэгч энэ сайтыг утсан дээрээс харж байна гэж төсөөлөөд үзээрэй. Энэ тохиолдолд хуудсыг ачаалах нь зүгээр л хүлээхгүй болно. Тиймээс зургууд нь өмнөхийг багасгах хэрэгтэй.

Хэн нэгэн үүнийг үгүйсгэх аргагүй гэж үздэг бол орчин үеийн АУС-ууд нь зураг татаж авахдаа автоматаар бяцхан зургууд үүсгэдэг. Гэхдээ хүн бүр өөрсдийн VPS эсвэл VIP үнээр өөрсдийн сайтуудтай юу? 12 MP зургийн нэгийг татаж авах боломжтой боловч үүнийг боловсруулахын тулд PHP нь 35+ мегабайт (илүү оновчтой, үнэндээ илүү) хуваарилалтыг хуваарилах хэрэгтэй бөгөөд дараа нь жижиг хуулбарыг хэрхэн үүсгэхийг мэддэг байх хэрэгтэй. Хямд тариф нь нєєцєєс илїї их хэмжээгээр хуримтлагддаг. Сайн эзэмшигч нь үүнийг дахин хийхгүй байхыг хэрэглэгчээс хүсэх болно, муу нь түүнийг үл тоомсорлох болно, учир нь зөвхөн мөнгө нь түүний хувьд чухал ач холбогдолтой, харин үйлчилгээний гүйцэтгэл биш юм.

Тиймээс бид зөв ажиллахаар шийдсэн. Бид өмнө нь зургийг багасгаж, дараа нь сайт руу байршуулна. Тиймээс хөдөлгүүр илүү хялбар, хүмүүс. Бүх зүйл байна Үнэндээ биш.

Ихэнх редакторууд нэмэлт мэдээлэл агуулсан анхны хэсгүүд (мета-мэдээлэл, файлын бус хэсгүүд) хадгалж үлддэг. Жишээлбэл, утсан дээрээ ямар нэг зураг авах юм бол файлыг компьютерт шилжүүлж, баруун товчоо дараад "Properties → Details" товчийг дарж, та төхөөрөмж дээрх өгөгдлийг харах болно. Таны гэрэл зургийг авсан гэрэл зурагчин, Хөшигчийн хурд, ISO, гэх мэт. Хэрэглэгчдийн хувьд энэ мэдээлэл хэрэггүй учраас та үүнийг салгаж болно.

За, энэ тухай бодоорой. Тэнд юу байдаг вэ? Баярлалаа. Заримдаа ийм хэдэн зуун килобайтын өгөгдлийг авах болно. Өнөөдөр тэд 584 KB хэмжээтэй логог илгээсэн байна. Үүний зэрэгцээ ашигтай мэдээлэл нь зөвхөн 14 KB байсан! Миний хувьд, дээрээс 570 KB зочлохыг оролдох нь бүхэлдээ зөв биш юм.

Дэд хуваарилалтыг дүгнэж үзье. Сайтын хэрэглэгчид сайтар ажиллахын тулд дараах зүйлсийг хийх хэрэгтэй:

  1. Зургийн хэмжээг багасгах. Ямар ч график засварлагчид туслах.
  2. Файлын хэсгээс устгах шаардлагагүй. Үнэн хэрэгтээ, хэрэглэгч зөвхөн зураг хэрэгтэй байна.
  3. Зургийн хэмжээг цаашид багасгахыг хичээ.

Эхний догол мөр нь тус тусад нь ажил тус бүрийн файлыг хамардаг. Энэ нь цаг хугацаа их шаарддаг боловч энэ нь хамгийн сайн үр дүнд хүргэдэг. Бид файл бүрийг нээж, багасгаж, багасгаж дараа нь хүлээн зөвшөөрөгдөх чанартай хадгална.

Гэхдээ 2 ба 3 дахь догол мөрийг тусгай хөтөлбөрийн өршөөлөөр олгож болно. Зурагтай ажиллах програм хангамжийг тохируулсан. Google дараах хөтөлбөрүүдийг санал болгодог:

  • jpegtran jpg image format.
  • PNG зургийг сонгохдоо optipng болон pngout .

3. p. График редакторууд ихэвчлэн үүнийг төвөггүй болгодоггүй. Тэд яг ижил тохиргоо, тоон коэффициентүүд болон бусад зүйлсийг шахах хугацаанаас өмнө шахах алгоритмыг сонгохоос өмнөх зураглалыг хадгална. Түүнээс гадна, олон боломжтой мета-мэдээллийг дамжуулж, өөрөө нэмж, файлын хэмжээг ихэсгэдэг.

Шаардлагатай зүйл

Жилийн өмнө тэд үйлчилгээний талаар олон нийтэд ярьж эхэллээ. PageSpeed ​​Insights Google -аас. Үнэндээ эдгээр нь хайж буй аварга том "хэрхэн яаж сайн ажиллах вэ" гэсэн зөвлөмжүүд юм. Сайтын хаягийг оруулаад оновчтой болгох саналуудын жагсаалтыг аваарай. Тэндээс та өөрийн сайтын хувьд аль хэдийн нөөцүүдийг, түүний дотор зургийг оруулаад оновчтой хэмжээг татаж авах боломжтой. Үнэн үү, энэ нь зөвхөн шалгагдсан хуудсанд хамаарна.

Хэрэв та вэбсайттай бол харагдах ёстой энэ нийтлэл . WordPress-ийг ашигладаг хүмүүст илүү хэрэгтэй байдаг.

Бид зураг авах зөвлөмжийг ашигладаг

Энгийн юм шиг санагдаж байна: Google-ийн заасан програмуудыг татаж аваад сервер дээрх бүх файлуудыг ажиллуулдаг. Асуудал нь эдгээр хэрэгслүүд нь консол байдаг. Тэд нэг удаад нэг л файлыг л авдаг. Гэвч бид дэмий хоосон биш юм Сүүлчийн нийтлэл Файлууд файлд цаг зарцуулсан, тийм үү?

Өгүүллийн мэдээлэл нь өөрийн файлын зохицуулагчийг массаар үүсгэхэд хангалттай бөгөөд тиймээс би хаана байгааг нь зурахгүй. Би өөртөө ашигладаг бэлэн хурлыг татаж авахыг санал болгож байна.

Архив татаж авах (212 KB)

Архивын бүтэц

Архив [ OptimizeImg ] фолдер агуулж байна. Эхлэхийн тулд хаа нэг газар задлах хэрэгтэй. Би үүнийг c: \ temp \ дээр байрлуулсан боловч энэ нь хамаагүй. Хамгийн гол нь зам нь дуут тэмдэг биш юм.

Дараа нь. Энэ фолдер нь [ байршуулсан ] директор агуулдаг. Энд та боловсруулах шаардлагатай файлуудыг оруулах хэрэгтэй. Хамгийн сайн зүйл бол хамгийн багадаа фолдер / файлын бүтэц рүү түлхэж болох юм.

Өөр гурван програм байдаг: jpegtran.exe | optipng.exe | pngout.exe нь Google-ийн зөвлөж буй хэрэгсэл юм. Холбогдох албан ёсны сайтууд / репозиторуудаас татаж авах. Хэрэв эргэлзэж байгаа бол, эсвэл шинэчлэхийг хүсэж байгаа бол итгэлтэй эх сурвалжаас татаж авах болон одоо байгаа зүйлсийг орлуулах хэрэгтэй.

Эцэст нь хэлэхэд, гуяны зүрх. Батнички:

  • 1.bat
  • 3.bat
  • 3-go.bat
  • 3-opti-out-out.bat
  • 3-ээс-opti.bat

Эхний файл, 1.bat, [upload] -с бүтцийг дахин үүсгэдэг. [Jpg_jpegtran] [png_optipng] [png_pngout] төрөл хэлбэрийн файлуудыг (jpg-only * .jpg-файлууд нь хамгийн багаар боловсруулсан файлуудтай адилаар png) үүсгэдэг.

3.bat нь дараалан гурван ширхэг файлыг ажиллуулахад зориулж ажиллуулдаг:

  • 3-go.bat нь 1.bat шиг бараг л ижил байдаг. Сулжуулах замаар jpg / png файлуудыг алгасах. Ажлын үр дүн нь харгалзах зургуудтай 3 хавтас (дээрээс харна уу) болно.
  • 3-opti-out.bat нь [png_optipng-to-pngout] фолдерыг үүсгэдэг бөгөөд энэ нь optipng + pngout -ээр боловсруулсан файлууд бичигддэг (энэ дарааллын дагуу).
  • 3-ээс-opti.bat нь [png_pngout-to-optipng] фолдерыг pngout + optipng -ээр боловсруулсан файлууд үүсгэдэг. Өмнөх нэг адил, зөвхөн өөр дарааллаар.

Зарчмын хувьд 1.bat зевхен бидний хэрэгцээнд хангалттай. Багцын өмнөх хувилбарт судалгаа болон алдаанаас 3x уут үүссэн. Энэ нь алдаа гарсан үед optipng сангаас pngout файлуудыг авсан байна. Хуучирсан шинэ хувилбар нь шинэчлэгдсэн багц файлаас 1.5 дахин том хэмжээтэй болсон үед миний гайхшрал юу байв. Үүний үр дүнд, давхар боловсруулалт зураглалыг "барьж" чаддаг болсон. Гэхдээ бараг 2 дахин их хугацаа шаардагддаг. Тиймээс шаардлагатай бол өөрөө шийд.

Ажлын товч заавар

  1. Архив татаж авах .
  2. Үүнийг задлах.
  3. Шинээр нээгдсэн [OptimizeImg] фолдерруу очно уу.
  4. Хазайлт шаардсан бүх файлууд [upload] хавтасыг хуул.
  5. 1.б ажиллуулах, хүлээх. Хэрэв олон файл байгаа бөгөөд тэдгээр нь png байвал удаан хүлээнэ үү.
  6. Үргэлжлүүлэх түлхүүрийг дарах талаар хар цонхонд зурвас гарч ирэх үед бүх зүйл бэлэн болно. Үүсгэсэн фолдеруудын контентыг авч, FTP-ээр дамжуулан байршуулахаар хуулж хуучин файлыг дарж бичиж хэвээр үлдэх болно.

Жишээ нь. WordPress дээр блог бий. Бүх зургийг [ / wp-content / uploads / in] хадгалж байна. Сайтын хавтас руу (ftp-ээр), [ wp-content ] руу очиж, ижил нэртэй OptimizeImg-ийн хавтас руу [ upload ] хуулна. 1.б ажиллуулах, хүлээх. Ажил дууссаны дараа [jpg_jpegtran] контент (бид тэнд очно) сервер рүү байршуулсан байна. Одоо байгаа файлуудын хүсэлтийг дарж дарж бичнэ. Png-тэй адил төсөөтэй заль мэхийг эхлээд бид эхлээд ямар фолдерыг [png_optipng] эсвэл [png_pngout] фолдерууд нь бага зай эзэлдэг бөгөөд түүний агуулгыг дүүргэх хэрэгтэй.

Бусад файлуудыг гэмтээхээс бүү ай. Батники нь зөвхөн jpg / png-тэй ажилладаг бөгөөд эдгээрийн зөвхөн зургийг шинээр үүсгэгдсэн хавтаст бичдэг.

Хэн нэгэн хэрэгтэй байна гэж найдаж байна. Амжилттай!

Нэмэлт

  1. [OptimizeImg] руу очих зам нь тэмдэг тэмдэглэгээг агуулаагүй байх ёстой ! ба хувь %
  2. Администратор шаардлагатай биш шиг скриптийг ажиллуулна. Үүнээс гадна, энэ тохиолдолд тэд ажиллахгүй байж болох юм!
  3. ...

Хэвлэгч

онлайн бус 13 цаг

x64 (бас ба)

Сэтгэгдэл: 2846 Нийтлэл: 395 Бүртгэл: 02-04-2009

Та сүүлийн үед сайт дээр хэр удаан ажиллаж байсан, хэр удаан байсан бэ?
Тэд зуурсан гурилыг жинлэнэ гэж үү?
Тэгэхээр имижийг хэрхэн оновчтой болгох вэ?
Гэхдээ хүн бүр өөрсдийн VPS эсвэл VIP үнээр өөрсдийн сайтуудтай юу?
Тэнд юу байдаг вэ?