Вэбийн гүйцэтгэлийг сайжруулахын тулд зургийг оновчтой болгох 6 арга

Вэбийн гүйцэтгэлийг сайжруулахын тулд зургийг оновчтой болгох 6 арга
Rick Davis

Хүн бол харааны амьтан бөгөөд судалгаа үүнийг баталж байна. Гуравхан хоногийн дараа текстийн хадгалалтын түвшин ердөө 10%-20% байна. Гэхдээ зургийн хувьд хадгалах түвшин 65% хүртэл өндөр байж болно. Тархи нь харааны мэдээллийн 90% -ийг хүлээн авч, 60,000 дахин хурдан боловсруулдаг. Визуал нь вэбсайтын оролцоонд чухал үүрэг гүйцэтгэдэг нь эргэлзээгүй.

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

Мөн_үзнэ үү: Сонирхолтой зургийн портфолио ба өөрийгөө хэрхэн бүтээх вэМанай нийтлэл танд 2021 онд вэбийн гүйцэтгэлийг сайжруулахын тулд зургийг оновчтой болгох зургаан өөр аргыг харуулах болно.

Вэбийн гүйцэтгэлийг сайжруулахын тулд дүрсийг оновчтой болгох зөвлөмжүүд

Таныг вэб сайт зохион бүтээдэг гэж бодъё. ашгийн бус байгууллагууд бөгөөд та бүтээлээ харуулахын тулд олон зураг ашиглах дуртай. Хандивлагчид, ивээн тэтгэгчид болон бусад оролцогч талууд ийм мэдээллийг үргэлжлүүлэн дэмжлэг үзүүлэх үндэс болгон ашигладаг. Гэсэн хэдий ч, хэрэв та зургийг оновчтой болгохгүй бол хэрэглэгчийн туршлага, оролцоо муудах болно. Хамгийн том асуудал бол хуудсуудыг удаан ачаалах, хариу өгөх хугацаа алдагдах болно.

Зургийн оновчлол гэдэг нь файлын хэмжээ, формат, нягтралыг багасгахын тулд хийх аливаа алхмыг хэлнэ. Та үүнийг зургийн чанарыг алдагдуулахгүйгээр хийж болно.

Таны заримыг сонирхоцгооё.сонголтууд.

Маркетингийн кампанит ажлын зураглал Димак Даксина

1. Зургийн оновчлолын аудитаар эхэл

Зургийн оновчлолын аудит нь таны сайжруулах шаардлагатай газруудад холбогдох мэдээллээр хангана.

Өөрийн сайт дээр байгаа зургуудын тооллогыг хийж эхэл. Холбогдох туршилтууд нь таны шийдвэрлэх шаардлагатай аливаа асуудлыг оношлох болно.

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

2. Зургийн форматыг зөв сонгох

Зургийн файлууд өөр өөр форматтай байдаг. Эдгээр нь вэб програмын хамгийн түгээмэл гурван төрлийн зургийн форматыг та мэдэх ёстой:

  • PNG нь маш өндөр чанартай зураг байдгаараа давуу талтай. Харамсалтай нь үүнд хүрэхийн тулд файлын хэмжээ маш том байна. Эдгээр нь энгийн зураг, лого дээр сайн ажилладаг бөгөөд алдагдалгүй шахах боломжийг олгодог.
  • JPEG нь ихэнх вэбсайтуудад хамгийн түгээмэл байдаг. Эдгээр нь нарийн төвөгтэй, өнгөлөг зургуудад маш сайн байдаг. Гэсэн хэдий ч та JPEG зургийг шахахдаа болгоомжтой байх хэрэгтэй, учир нь тодорхой байдал алдагдах тусам зураг жижиг болох болно. Зарим хүмүүс үүнийг алдагдалтай гэж нэрлэдэг.
  • GIF нь хөдөлгөөнт дүрс, жижиг дүрс болон бага нягтралтай зургуудад зориулагдсан. Энэ нь алдагдалгүй шахалтыг зөвшөөрдөг боловч та зөвхөн ашиглах боломжтой256 хүртэл өнгө.

Andreas Storm-ийн дүрсийг хадгалах

3. Зургийн хэмжээг өөрчлөх, шахах

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

Та зургийг оновчтой болгохын өмнө ямар ч зураг байршуулах ёсгүй гэдгийг анхаарна уу. Хамгийн сайн чанарын хувьд файлуудыг 1-2 МБ багтаамжтай байлгахыг зорь.

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

Мөн_үзнэ үү: Vectornator дээр давхаргыг хэрхэн удирдах вэ

Зургийг шахах нь файлын хэмжээг багасгахад тусална. Гэхдээ хэт их шахвал зургийг гажуудуулж болно. Хэрэв та зургийн чанарыг хадгалахыг хүсвэл бага шахалт нь тохиромжтой байж болно; гэхдээ энэ нь хэмжээг төдийлөн багасгадаггүй.

Шахалтын төрлүүд

Бид дээр дурдсан алдагдалгүй ба алдагдалтай шахалт гэсэн хоёр ойлголт байдаг.

  • Алдагдалгүй шахалт нь зургийн чанарыг хадгалахын зэрэгцээ шаардлагагүй мета өгөгдлийг устгадаг.
  • Алдагдалтай шахалт нь зарим элементүүдээс ангижрах замаар файлын хэмжээг багасгадаг. Энэ нь зургийн чанарт сөргөөр нөлөөлж болзошгүй. Гэсэн хэдий ч та ялгааг анзаарахгүй байж магадгүй юм. Тиймээс энэ нь зургийг шахах маш сайн арга хэвээр байх болно.

Зөв зураг засварлагч нь аль нь болохыг тодорхойлоход тусална.шахалт нь танд хамгийн тохиромжтой.

4. Гар утасны анхны зургийн оновчлол

Google гар утасны нэгдүгээр зэрэглэлд шилжсэн тул таны хийх аливаа алхам нь гар утасны хамгийн түрүүнд SEO стратегийг дагаж мөрдөх ёстой. Зургууд нь ямар ч хөдөлгөөнт төхөөрөмж дээр ямар ч ширээний төхөөрөмжтэй ижил харагдах ёстой. Асар их хэмжээний интернет траффик ийм төхөөрөмжөөр дамжин ирдэг.

Хэрэв хэрэглэгчид мобайл төхөөрөмж ашиглахдаа сайн UX ашиглахгүй бол та тэдгээрийг алдах болно.

Эхлээд гар утсанд зориулсан зургийг оновчтой болгох талаар бодож үзээрэй. Хэрэв энэ нь жижиг дэлгэц дээр сайхан харагдаж байвал ширээний компьютер эсвэл зөөврийн компьютер дээр гайхалтай харагдах болно.

ASO Optimization by Abbi_Kerimov

5. Файлын нэрс ба тэдгээрийн SEO-д үзүүлэх нөлөө

Зургийг оновчтой болгох нь мөн файлуудыг хэрхэн нэрлэхдээ анхаарахыг шаарддаг. Таны хийх бүх арга хэмжээ хайлтын системд харагдах байдлыг сайжруулах зорилготой байх ёстой. Таныг зураг байршуулах эсвэл авах үед төхөөрөмж автоматаар файлын нэрийг өгөх болно. Энэ нэр нь ихэвчлэн санамсаргүй код эсвэл тооноос бүрддэг. Энэ нь 2224444.jpg шиг харагдаж магадгүй.

Зургийг вэб сайтдаа байгаагаар нь байршуулах нь хайлтын системд огт тус болохгүй.

Зураг бүр дээр дүрсэлсэн шошго байрлуулснаар вэб мөлхөгчдөд таныг олоход хялбар болго. Таны бизнес эсвэл сайтын талаар мэдээлэл өгөх холбогдох түлхүүр үгсийг оруулаарай.

6. Залхуу ачааллыг ашиглах талаар бодоорой

Зургийн залхуу ачаалал нь яг нэрнээсээ харагдаж байна. Оронд ньБүхэл бүтэн зураг нэгэн зэрэг ачаалагдахад энэ нь нээгддэг. Онлайн зочин хуудсыг доош гүйлгэх тусам зураг ачаалсаар байна.

Залхуу ачаалах нь тухайн үед хамаатай зүйлийг л харуулдаг. Та ямар ч шаардлагагүй нөөц ашиглахгүй тул та зурвасын өргөнийг хэмнэнэ.

Ачааж байна... by Dona

Эцсийн бодол

Вэб гүйцэтгэл нь хайлтын системүүдийн ашигладаг чухал эрэмбийн хүчин зүйл юм. Хэрэв хуудас ачаалах хурд бага байвал Google таны сайтыг шийтгэх болно.

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

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




Rick Davis
Rick Davis
Рик Дэвис бол энэ салбарт 10 гаруй жил ажилласан туршлагатай график дизайнер, визуал зураач юм. Тэрээр жижиг гарааны бизнесээс эхлээд томоохон корпорациуд хүртэл янз бүрийн үйлчлүүлэгчидтэй хамтран ажиллаж, тэдний дизайны зорилгод хүрэхэд нь тусалж, үр дүнтэй, үр дүнтэй дүрслэлээр дамжуулан брэндээ өргөжүүлжээ.Нью-Йорк хотын Дүрслэх урлагийн сургуулийг төгссөн Рик дизайны шинэ чиг хандлага, технологийг судлах хүсэл эрмэлзэлтэй бөгөөд энэ салбарт боломжтой зүйлсийн хил хязгаарыг байнга шахдаг. Тэрээр график дизайны програм хангамжийн чиглэлээр гүнзгий мэдлэгтэй бөгөөд мэдлэг, ойлголтоо бусадтай хуваалцахыг үргэлж хүсдэг.Дизайнерын ажлаас гадна Рик бол үнэнч блог хөтлөгч бөгөөд график дизайны программ хангамжийн ертөнц дэх хамгийн сүүлийн үеийн чиг хандлага, хөгжил дэвшлийн талаар мэдээлэл өгөх зорилготой. Тэрээр мэдээлэл, санаа бодлоо хуваалцах нь хүчирхэг, эрч хүчтэй дизайны нийгэмлэгийг хөгжүүлэх гол түлхүүр гэж үздэг бөгөөд бусад дизайнерууд болон бүтээлч хүмүүстэй онлайнаар холбогдохыг үргэлж хүсдэг.Үйлчлүүлэгчдээ зориулж шинэ лого зохион бүтээх, студидээ хамгийн сүүлийн үеийн хэрэгсэл, арга техникийг туршиж үзэх, эсвэл мэдээллийн чанартай, сэтгэл татам блог нийтлэл бичиж байгаа эсэхээс үл хамааран Рик хамгийн сайн ажлыг хүргэж, бусдад дизайны зорилгодоо хүрэхэд нь туслахыг үргэлж хичээдэг.