Naha anjeun henteu resep gambar?

Éta tiasa ngarobih sapotong téks janten pangalaman anu pikaresepeun nalika anjeun maca. Gambar ningkatkeun tulisan blog, ngajantenkeun langkung tiasa dibagi sareng nyetél nada sareng merek sadaya situs anjeun.

Sareng anjeun terang naon? Kami hardwired pikeun ngabales gambar. Éta pisan sababna naha ngasupkeun imagery kana eusi Anjeun mangrupakeun alat kuat ngagunakeun nalika pamasaran blog anjeun.

Tapi, lamun teu ati-ati, gambar bisa akun pikeun leuwih satengah (atawa leuwih) tina total ukuran kaca web Anjeun. Ngan sababaraha taun ka tukang, ukuran rata-rata halaman wéb nyaéta 600-700K. Ayeuna, rata-rata 2MB sareng ningkat unggal taun.

Éta ageung!

Alesan utama ieu kajantenan kusabab sababaraha gambar langkung sering dianggo dina halaman wéb, sareng gambar-gambar ieu langkung seueur. 't ukuranana leres tur dioptimalkeun. Ieu ngandung harti yén éta henteu disimpen atanapi disusun dina cara anu ramah wéb, sareng malah ngagedekeun halaman anjeun.

Seuseueurna urang, sanaos, ngantepkeun ngaoptimalkeun gambar salaku panginten sareng langkung resep ngalakukeun hal-hal anu pikaresepeun. kawas nyieun hiji pos epik atawa jaringan jeung blogger séjén dina Ecological Anjeun.

Tapi, ngabogaan kaca bloat hartina speed loading kaca anjeun kapangaruhan. Anjeun bisa jadi teu nganggap ieu téh deal badag lamun anjeun dina sambungan-speed tinggi, tapi loba nu datang anjeun henteu. Ogé, Google henteu resep ngamuat halaman anu laun, sareng éta tiasa mangaruhan négatip SEO anjeun.

Naha anjeun kedah ngaoptimalkeun gambar

Anjeun kerja keras dinaNyiptakeun kontén stellar sareng anjeun nyéépkeun jam anu teu kaétang pikeun promosi blog anjeun sareng jaringan sareng blogger sanés, janten hal anu terakhir anu anjeun pikahoyong nyaéta pikeun sémah poténsial ngantunkeun halaman wéb anjeun sateuacan dimuat!

Studi nunjukkeun yén dugi ka 40% tina pangunjung klik tombol deui lamun situs nyokot leuwih ti tilu detik pikeun muka.

Kuring nyaho, tilu detik bener teu lila, tapi lamun anjeun dina sambungan mobile jeung anjeun nungguan a situs pikeun dimuat, detik bisa sigana kawas salawasna.

Jeung saprak loba nu datang anjeun bisa jadi dina sambungan mobile laun, janten jelas - Anjeun kudu ngurangan ukuran kaca anjeun. Sarta kami geus nyaho naon nu palaku pangbadagna ukuran kaca bloat nyaeta - éta gambar anjeun.

Gambar unnecessarily badag ogé butuh spasi dina akun hosting Anjeun. Sanaos sawaréh anjeun gaduh hosting sareng rohangan panyimpen "teu terbatas", seueur panyadia hosting premium ngabatesan anjeun sakitar 10GB panyimpenan dina rencana tingkat handap. Ieu bisa ngeusian nepi gancang, utamana lamun anjeun hosting sababaraha, situs gambar-beurat dina akun sarua.

Jadi, kumaha anjeun tiasa ngabejaan lamun gambar anjeun slowing situs anjeun ka handap? Uji laju situs anjeun nganggo Google PageSpeed ​​​​Insights.

Upami Google ngalaporkeun gambar anu henteu dioptimalkeun salaku masalah, ieu anu anjeun kedah terang pikeun ngalereskeunana.

Dasar optimasi gambar

Lamun datang ka ngaoptimalkeun gambar dina blog anjeun, aya sababaraha hal béda anjeun kudu jadisadar ngeunaan: tipe file, ukuran jeung dimensi gambar, kumaha anjeun ngalayanan gambar anjeun, jeung komprési gambar.

Hayu urang tingali unggal wewengkon ieu.

Jenis file

Gambar dina wéb biasana disimpen dina format file PNG atanapi JPEG - atanapi GIF pikeun animasi. Saha anu henteu resep kana GIF animasi lucu anu ngambang di sakumna wéb!

Ayeuna sacara téknis oké upami anjeun nyimpen gambar anjeun dina salah sahiji format - browser sémah anjeun moal aya masalah pikeun nampilkeun halaman wéb anjeun. – tapi pikeun kualitas jeung optimasi pangalusna, lengket kana aturan di handap ieu:

• JPEG – dipaké pikeun poto jeung desain dimana jalma, tempat atawa hal anu diulas
• PNG – pangalusna pikeun grafik. , logos, desain beurat-téks, Potret layar, sareng nalika anjeun peryogi gambar sareng latar transparan
• GIF - upami anjeun peryogi animasi, upami henteu nganggo PNG

Jadi, naha aya format anu béda ?

Muhun, PNG sacara tradisional dianggo pikeun nyimpen logo sareng grafik sabab ngajaga kualitas gambar asli - teu aya anu hoyong téks kabur sareng bentuk piksel. Tapi, upami anjeun nyobian nyimpen poto janten PNG, éta bakal katingali saé, tapi ukuran file anu hasilna bakal langkung saé.

JPEG sacara tradisional dianggo pikeun nyimpen poto. Sababaraha data gambar dibuang pikeun nyiptakeun ukuran file anu drastis langkung alit, tapi kusabab poto ngandung rupa-rupa warna sareng variasi alami, kaleungitan kualitasnabiasana teu katingali ku panon manusa.

Urang bakal leuwih jéntré ngeunaan komprési engké, tapi pikeun ayeuna lamun ngan apal dua hal, inget: JPEG pikeun poto jeung PNG pikeun téks/grafik.

Diménsi gambar

Naha anjeun kantos ngamuat halaman wéb sareng perhatikeun yén gambar alit (panginten headshot, contona) peryogi f-o-r-e-v-e-r pikeun diunduh? Siga, lambat pisan anjeun tiasa ningali unggal baris asup? Anjeun mikir sorangan, kumaha gambar leutik sapertos kitu tiasa lami pisan pikeun diunduh?

Sareng upami aya gambar header anu ageung, éta langkung parah sabab tiasa ngahalangan beban halaman sadayana.

Alesan ieu kajantenan kusabab blogger henteu leres-leres ngatur ukuran sareng ngaoptimalkeun gambarna, sareng upami conto headshot urang, panginten tiasa unggah JPEG resolusi pinuh langsung tina kaméra DSLR na.

Jeung éta file badag!

Anjeun tempo, web browser bakal (biasana) skala gambar tina dimensi aslina sangkan eta pas nicely dina tempatna dina kaca web. Anu katingalina gambar leutik dina layar tiasa leres-leres janten poto 10-megapiksel anu ageung, diturunkeun sacara real waktos ku browser.

Ayeuna sababaraha platform penerbitan wéb bakal otomatis nyiptakeun sababaraha variasi gambar résolusi lengkep anjeun dina rupa-rupa. ukuran, tapi lamun henteu, Anjeun kudu ngatur ukuran gambar Anjeun sateuacanna dina redaktur gambar kawas Photoshop, Lightroom, Pixlr - atawa malah MS Paint. Bisa hartosna bédanaantara file 50K sareng 5MB.

WordPress, contona, bakal otomatis nyiptakeun tilu (atanapi langkung, gumantung kana téma anjeun) salinan gambar anu anjeun unggah - sadayana kalayan diménsi anu béda - anu tiasa anjeun pake. dina tulisan blog, tinimbang sok ngagunakeun gambar ukuran pinuh.

Mun anjeun geus biasa unggah gambar stock poto badag, sarta hayang ngahemat spasi dina akun hosting anjeun, plugin WordPress Imsanity gaduh tonggong anjeun.

Ieu ngarobih ukuran sareng ngagentos gambar asli janten anu langkung gampang diatur, janten upami anjeun nyelapkeun gambar ukuran pinuh kana tulisan anjeun, éta moal parah.

Sanggeus diaktipkeun, Imsanity ogé tiasa milarian gambar anjeun anu tos aya sareng ngatur ukuranana sasuai.

Ngalayanan gambar anjeun

Kumaha anjeun ngalayanan gambar anjeun ka sémah anjeun sanés ngan ukur pikeun ngaoptimalkeunana per se , tapi bisa boga dampak dramatis dina waktu muka kaca anjeun.

Kaseueuran blogger ngalayanan gambarna langsung tina akun hostingna sareng éta biasana henteu kunanaon, tapi upami anjeun leres-leres milarian squeeze unggal bit kinerja kaluar tina situs anjeun, lajeng hosting gambar anjeun dina Content Delivery Network (CDN) bisa nyieun béda badag.

A CDN diwangun ku server wéb strategis lokasina di puseur data sakuliah dunya. Server-server ieu nyayogikeun duplikat salinan gambar anjeun sareng nalika browser sémah menta gambar tina situs wéb anjeun, CDN sacara otomatis ngarahkeun browser ka aserver nu sacara géografis nu pangdeukeutna ka aranjeunna.

Ieu hartina sémah ti Éropa, contona, bakal nampa gambar dilayanan ti server lokal Éropa, tinimbang hiji ti Amérika Serikat atawa nu sejenna. Kusabab waktos réspon sareng latency jaringan dikirangan, gambar diunduh langkung gancang, ngirangan waktos muka halaman.

Wizard Blogging nganggo Sucuri (kalebet Firewall pikeun kaamanan ogé CDN), tapi aya panyadia kualitas sanés. kawas Amazon urang Cloudfront atanapi KeyCDN. Malah CloudFlare anu populer, anu sanés ngan ukur CDN, nawiskeun CDN gratis sareng gampang disetél dina kalolobaan pakét hosting anu dibagikeun.

Komprési gambar

Lamun datang ka optimalisasi anjeun. Gambar, teu aya anu ngirangan ukuran file anjeun langkung seueur tibatan komprési gambar lossy canggih.

Kaseueuran alat ngedit gambar sapertos Visme atanapi Photoshop bakal nyimpen file nganggo komprési JPEG lossy sabab gaduh pangurangan ukuran file anu pangsaéna. Ku kituna, bari kualitas gambar rada ngurangan, maké komprési gambar lossy ngurangan gambar badag kana ukuran ramah-web.

Kuring yakin loba nu make Photoshop bisa nempo fitur Simpen pikeun Wéb na. salaku janten-sadayana sareng tungtung-sadayana optimasi gambar. Komo alat ngedit gambar online kawas PicMonkey atanapi Visme ngaoptimalkeun gambar Anjeun oge.

Tapi naha anjeun terang aya alat anu tiasa nyandak gambar "dioptimalkeun" anjeun tina Photoshop atanapi alat panyuntingan sanésna, crunch sareng kompres éta ku 40% sejen (atawa leuwih),sareng masih naha éta katingalina ampir sami sareng panon manusa?

Ieu sababaraha alat gratis sareng mayar pikeun ngabantosan anjeun ngarobih gambar anjeun ka status ramah wéb.

Alat desktop

ImageAlpha / ImageOptim

Pikeun pangguna Mac, ImageOptim mangrupikeun alat desktop gratis anu kuring anggo unggal dinten pikeun ngaoptimalkeun gambar PNG - lolobana Potret layar - sateuacan kuring unggah. Alat-alat ieu gampang dianggo, anjeun ngan ukur nyéred sareng ngaleupas file anjeun, tapi anjeun kedah ngalakukeun hiji gambar dina hiji waktos.

Tip Pro : Pikeun anu pinter téknologi aya ImageOptim– CLI, dimana anjeun tiasa ngaoptimalkeun sadayana folder gambar sakaligus.

ImageAlpha mangrupikeun kompresor PNG lossy sareng tiasa ngalakukeun keajaiban dina ngaleutikan file PNG bari ImageOptim ngalaksanakeun komprési lossless canggih (kalayan pilihan lossy) - sareng éta nyabut metadata nu teu perlu tina file PNG, JPEG jeung GIF.

Pikeun gambar PNG kuring, mimitina kuring ngajalankeunana ngaliwatan ImageAlpha:

Di dieu, éta ngurangan gambar screenshot kuring ti 103K jadi 28K.

Kuring teras ngajalankeun éta ngaliwatan ImageOptim sareng nyimpen 10% tambahan.

JPEGmini

Pikeun file JPEG kuring, kuring ngaoptimalkeunana nganggo aplikasi JPEGmini desktop, sayogi. kanggo Mac sareng Windows.

Vérsi Lite ngamungkinkeun anjeun ngaoptimalkeun dugi ka 20 gambar sadinten gratis, sareng biaya $19,99 pikeun ngaleungitkeun watesna.

Tip pro : Pangguna canggih anu hoyong ngahijikeun JPEGmini kana Photoshop atanapi Lightroom ku cara plugin tiasa mésér versi Pro pikeun$99.99.

Alat Online / Cloud / SaaS

TinyPNG

Upami anjeun milarian alat komprési gambar online anu kualitas luhur, TinyPNG (éta ngaoptimalkeun JPEG file ogé sanajan ngaranna) nyaéta aplikasi wéb nu ngidinan Anjeun pikeun nyered nepi ka 20 5MB atawa gambar nu leuwih leutik kana panyungsi anjeun, sarta boga aranjeunna dioptimalkeun sakaligus.

Éta ogé boga API pamekar jeung nyieun WordPress Aya plugin anu tiasa otomatis ngaoptimalkeun gambar anjeun nalika diunggah.

TinyPNG masihan anjeun 500 optimasi gambar gratis per bulan, sareng saatos éta ngecas tina $0,002–0,009 per gambar, gumantung kana volume.

Ayeuna 500 gambar per bulan bisa disada kawas loba, tapi mun anjeun tempo kanyataan WordPress mindeng nyieun tilu nepi ka lima variasi unggal gambar dina ukuran béda, 500 gambar teu sigana kawas nu loba pikeun blogger prolific. Kabeneran, biaya per-gambar téh ramah anggaran.

EWWW Image Optimizer

Mun anjeun teu siap méakkeun duit, sarta anjeun teu hayang diganggu ku optimalisasi. gambar anjeun sacara manual, plugin EWWW Image Optimizer gratis pikeun WordPress tiasa otomatis ngaoptimalkeun gambar anu anjeun unggah.

Anjeun tiasa milih langganan premium anu ngalakukeun komprési lossy, tapi versi gratisna ngan ukur ngalakukeun komprési lossless sahingga ngahemat. t ampir jadi substansial. Éta bakal ngahémat waktos anjeun sareng langkung saé tibatan nanaon.

Catetan: Kanggo inpormasi lengkep, pariksa kaluarpostingan kami ngeunaan alat komprési gambar.

Nyimpulkeunana

Kalayan sababaraha urang ngaramalkeun rata-rata ukuran kaca web bakal ngadeukeutan 3MB ku 2017, ayeuna waktuna pikeun ngamimitian ngaoptimalkeun gambar anjeun.

Inget, teu sakabéh nu datang anjeun bakal on sambungan-speed tinggi, sarta kaca bloat sarta slow loading kali kaca berpotensi mangaruhan ranking anjeun kalawan Google. Pikeun ngabantosan anjeun ngaringankeun beban, janten biasakeun ngaoptimalkeun gambar anjeun ayeuna.

Perhatikeun dimensi gambar anjeun sareng ubah ukuran poto atanapi gambar stok anu ageung teuing tina kaméra digital dugi ka anu pas. ukuranana.

Salajengna, mangpaatkeun komprési gambar modéren sareng aplikasi desktop sapertos JPEGmini, atanapi alat awan sapertos TinyPNG atanapi Kraken - ngahijikeun kana WordPress sareng plugin upami mungkin.

Pamungkas, upami anjeun platform penerbitan otomatis nyieun variasi ukuran gambar aslina anjeun, milih salah sahiji ieu pikeun pos blog anjeun, tinimbang aslina, ukuran pinuh.

Bacaan Patali: 7 Cara Pikeun Ngurangan The Ukuran File PDF.