Muaj ntau hom duab uas siv tau rau hauv cov nplooj ntawv web. Ib co qauv piv txwv yog GIF , JPG , thiab PNG . SVG cov ntaub ntawv kuj tau siv rau cov websites hnub no, muab cov web designers tsis tau lwm txoj kev rau online duab.
GIF Duab
Siv cov ntaub ntawv GIF rau cov duab uas muaj me me, tus nab npawb ntawm cov xim. Cov ntaub ntawv GIF yeej ib txwm txo kom tsis pub ntau tshaj 256 cim xim. Algorithm rau cov ntaub ntawv GIF yog qhov yooj yim dua rau cov ntaub ntawv JPG, tab sis thaum siv cov xim dawb thiab cov ntawv nyeem nws ua cov ntaub ntawv me me .
Hom ntawv GIF tsis haum rau duab thaij duab lossis cov duab nrog cov xim gradient. Vim hais tias hom ntawv GIF muaj tsawg tsawg ntawm cov xim, gradients thiab cov duab yuav xaus nrog banding thiab pixelation thaum tau txais kev cawmdim raws li GIF ntaub ntawv.
Nyob rau hauv lub nutshell, koj yuav siv cov GIFs rau cov duab yooj yooj yim nrog ob peb xim xwb, tab sis koj kuj tseem siv tau PNGs rau qhov zoo li ntawd (ntau tshaj qhov ntawd).
JPG Duab
Siv cov duab JPG rau duab thiab lwm cov duab uas muaj tsheej lab ntawm cov xim. Nws siv ib qho kev ywj pheej algorithm uas tso cai rau koj los tsim cov duab me me los ntawm poob ib co ntawm cov duab. Qhov no hu ua "mob" compression vim hais tias qee yam ntawm cov ntaub ntawv duab tau ploj thaum cov duab tau muab tso tawm.
Hom ntawv JPG tsis haum rau cov duab nrog cov ntawv nyeem, cov blocks loj loj, thiab cov duab yooj yooj yim nrog crisp npoo. Qhov no yog vim hais tias thaum twg cov duab tau muab khawm, cov ntawv nyeem, xim, lossis kab yuav ua rau cov duab tsis zoo li nws tau txais kev cawmdim rau lwm hom.
JPG dluab zoo tshaj plaws rau cov duab thiab cov duab uas muaj ntau ntau thiab ntau cov xim ntuj.
PNG Duab
PNG hom yog tsim los ua ib daim tuaj hloov ntawm GIF thaum nws pom tias GIF cov duab yuav raug xa mus rau tus nqi them dawb. PNG graphics muaj ib tug zoo dua compression feem ntau dua GIF dluab uas ua rau cov dluab me me tshaj tib cov ntaub ntawv rua li GIF. PNG cov ntaub ntawv muab alpha transparency, lub ntsiab lus koj yuav muaj qhov chaw ntawm koj cov dluab uas yog siab pob los yog txawm siv ntau yam ntawm alpha transparency. Piv txwv li, ib qho duab ntxoov ntxoo siv ntau yam ntawm cov teebmeem thiab yuav haum rau PNG (lossis koj yuav cia li xaus peb siv CSS ntxoov ntxoo xwb).
PNG dluab, zoo li GIFs, tsis zoo rau cov duab. Nws yog ib qho ua tau kom tau nyob ib ncig ntawm qhov teeb meem txog qhov sib tw uas cuam tshuam cov duab tau txais kev cawmdim li GIF cov ntaub ntawv siv cov xim tseeb, tab sis qhov no ua rau cov duab loj heev. PNG dluab tseem tsis zoo txhawb los ntawm cov laus xov tooj ntawm tes thiab cov xov tooj feature.
Peb siv PNG rau tej ntaub ntawv uas yuav tsum muaj kev pom zoo. Peb kuj siv PNG-8 rau cov ntaub ntawv uas tsim nyog ua ib qho GIF, siv hom PNG no.
SVG Dluab
SVG stands rau Scalable Vector Graphic. Tsis zoo li cov raster-based hom ntawv pom hauv JPG, GIF, thiab PNG, cov ntaub ntawv no siv cov vectors los tsim cov ntaub ntawv me me uas tuaj yeem ua rau txhua tus me me uas tsis muaj kev nce qib hauv cov ntaub ntawv loj. Lawv tsim tau rau cov duab xws li kev icons thiab cov cim tseem ceeb.
Npaj Dluab rau Web Ceg Ua Ntej
Tsis hais txog hom twg cov duab koj siv, thiab koj lub website yuav tsum siv ntau hom tawm tswv yim thoob plaws tag nrho nws cov nplooj ntawv, koj yuav tsum xyuas kom tag nrho cov duab nyob rau ntawm qhov chaw ntawd yog npaj rau kev xa web . Cov duab loj heev yuav ua rau lub site khiav qeeb thiab cuam tshuam tag nrho cov kev ua tau zoo. Yuav kom txhawb qhov no, cov dluab yuav tsum tau ua kom zoo kom pom qhov sib npaug ntawm kev ua tau zoo thiab qhov qis tshaj qhov ua tau zoo ntawm qhov qib ntawd.
Xaiv cov duab zoo nkauj yog ib feem ntawm kev sib ntaus sib tua, tab sis kuj ua kom paub tseeb tias koj tau npaj cov ntaub ntawv no yog theem tom ntej hauv qhov txheej txheem xaib no.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Sau los ntawm Jeremy Girard.