Badilisha SVG kuwa WebP
Geuza faili ya vekta kuwa WebP yenye upana wa pikseli hasa unaohitajika na mpangilio wa ukurasa wako. Inafaa pale CMS inapokataa kupakia SVG, onyesho la awali la mitandao ya kijamii linapohitaji picha ya bitmap, au mchoro una njia nyingi kiasi kwamba kivinjari kinachelewa kuuonyesha.
Kibadilishaji cha Picha
au buruta Faili za JPG, JPEG, JPE … hapa ·
Hadi MB 95 kwa faili· Hadi faili 20· Hufutwa baada ya dakika 30
Faili huchakatwa kwenye seva zetu na kufutwa baada ya dakika 30.
85 huweka picha zionekane sawa na asili. Ipunguze tu unapohitaji faili ndogo.
JPG, BMP na EPS hazina uwazi. Pikseli zenye uwazi hujazwa rangi hii.
Rangi ya hex inayotumika nyuma ya pikseli zenye uwazi, mfano #FFFFFF.
Umbizo hili hubeba picha moja. Chagua towe la GIF au WebP ukitaka kuhifadhi uhuishaji.
Aikoni ya ukubwa mwingi ina azimio kadhaa kwenye faili moja; vivinjari na mifumo ya uendeshaji huchagua inayohitaji.
Weka vipimo asili, au weka upande mmoja na uwiano utahifadhiwa.
Pikseli za upande uliouchagua hapo juu.
Asilimia ya vipimo asili.
sRGB inafaa kwa skrini na wavuti. Weka asili kwa uchapishaji; kijivu huondoa rangi.
Metadata pekee, 0 huweka thamani asili. Printa na tovuti zingine husoma nambari hii; haibadilishi vipimo vya pikseli.
Jinsi ya kutumia zana hii
- 1
Pakia SVG
Ongeza hadi faili 20 za .svg zilizohamishwa kutoka Figma, Illustrator, Inkscape au maktaba ya chati, kila moja hadi MB 95.
- 2
Weka upana wa matokeo
Badilisha ukubwa wa picha ya matokeo huanza kwa upana wa 1200 px; ibadilishe iwe mara mbili ya upana ambao picha itachukua kwenye ukurasa. Ubora ni 90, au weka tiki Isiyo na hasara chini ya Mipangilio ya hali ya juu kwa nembo na aikoni zisizo na gradient.
- 3
Badilisha kuwa WebP
Bonyeza Badilisha kuwa WebP kisha pakua faili hizo au ZIP moja. Maeneo yenye uwazi yanabaki na uwazi.
Ninawezaje kubadilisha SVG kuwa WebP kwa ukubwa maalum?
Pakia SVG, weka Badilisha ukubwa wa picha ya matokeo iwe upana unaohitaji kwa pikseli (1200 px kwa chaguo-msingi), kisha bonyeza Badilisha kuwa WebP. Vekta huchorwa upya kwa upana huo, kwa hiyo hakuna kinachokuzwa wala kufifia.
Wakati SVG inapaswa kuwa WebP
SVG ikawa Pendekezo la W3C mwaka 2001 na ndiyo muundo sahihi kwa nembo na aikoni nyingi: maandishi ya kilobaiti chache yanayobaki makali kwa ukuzaji wowote. Tatizo huanza faili inapotoka kwenye msimbo wako mwenyewe. WordPress na wajenzi wengi wa maduka ya mtandaoni wanakataa SVG, vionyesho vya viungo kwenye Facebook, LinkedIn na X hupakuliwa kama bitmap, na zana za usanifu huhamisha michoro yenye madoido ya raster yaliyopachikwa yanayofanya faili ya vekta kuwa megabaiti kadhaa za msimbo.
WebP, ambayo Google ilitoa mwaka 2010 na Safari ikaiunga mkono hatimaye katika toleo la 14 mwaka 2020, ni bitmap iliyoundwa kwa kazi hiyo: ndogo kuliko PNG kwa mwonekano uleule, ikiwa na chaneli halisi ya alpha. Kuchora SVG moja kwa moja kuwa WebP kwa ukubwa wake wa mwisho kunaepuka mzunguko wa kawaida wa kuhamisha PNG kubwa. Ukitaka kinyume chake, ukurasa wetu wa WebP kuwa SVG unaeleza kwa nini mwelekeo huo unahitaji kufuatilia michoro badala ya kubadilisha.
Ukubwa wa SVG kuwa WebP kwa nafasi za kawaida za wavuti
1200 × 630 px
Kionyesho cha kiungo cha Open Graph
Picha inayoonyeshwa ukurasa unaposhirikiwa
1920 × 1080 px
Mchoro mkuu wa upana kamili
Unafunika skrini nyingi za desktop kwa 1×
1600 × 900 px
Picha ya safu ya blogu kwa 2×
Kwa safu ya maudhui ya 800 px
400 × 100 px
Nembo ya kichwa kwa 2×
Kwa nafasi ya nembo ya 200 × 50 px
SVG
Scalable Vector Graphics
SVG ni muundo wa vekta unaotegemea XML uliosanifishwa na W3C mwaka 2001. Badala ya pikseli, unaeleza maumbo, njia na maandishi, kwa hiyo hubaki mkali kwa ukubwa wowote na kwa kawaida ni mdogo sana kwa nembo na aikoni. Unaunga mkono uwazi, mtindo wa CSS, hati za programu na uhuishaji, na kila kivinjari huuonyesha asili. SVG haifai kwa picha za kamera, na michoro tata inaweza kuchelewa kuonyeshwa. Illustrator, Inkscape, Figma na vivinjari vinaweza kuufungua na kuuhariri.
- Ubanaji
- –
- Uwazi
- Ndiyo
- Uhuishaji
- Ndiyo
- Mwaka ulioanzishwa
- 2001 · W3C
WEBP
Picha ya WebP
WebP ni umbizo la picha lililotolewa na Google mwaka 2010 ili kufanya kurasa za wavuti zipakie haraka. Linasaidia mgandamizo wenye upotevu na usio na upotevu, uwazi wa alpha na uhuishaji katika umbizo moja. Faili za WebP zenye upotevu kwa kawaida ni ndogo kwa 25–35% kuliko JPEG za ubora wa kuonekana unaofanana, na WebP isiyo na upotevu kwa kawaida ni ndogo kuliko PNG. Kila kivinjari cha sasa kinalisaidia, lakini baadhi ya programu za zamani za kompyuta, huduma za uchapishaji na fomu za kupakia bado huzikataa. Windows, macOS na vihariri vingi vya kisasa vya picha vinaweza kufungua faili za WebP.
- Ubanaji
- Yenye upotevu au bila upotevu
- Uwazi
- Ndiyo
- Uhuishaji
- Ndiyo
- Mwaka ulioanzishwa
- 2010 · Google
Watu hubadilisha SVG kuwa WebP ili kupata bitmap nyepesi yenye ukubwa thabiti kwa mahali ambapo faili za vekta hazikubaliwi au huchorwa polepole, kama CMS, kionyesho cha mtandao wa kijamii au ukurasa wa kutua wenye shughuli nyingi; WebP kuwa SVG ni kazi ya kufuatilia michoro, si kubadilisha muundo tu.
Jinsi SVG inavyogeuzwa kuwa pikseli na cha kukagua
Kibadilishaji husoma upana, urefu na viewBox ya SVG yenyewe, kisha huchora kila njia kwa upana uliouweka; urefu hufuata uwiano. Kwa kuwa uchoraji hufanyika kwa ukubwa wa mwisho, mistari myembamba na maandishi madogo hulainishwa mara moja, kwa kipimo sahihi. Kukuza PNG ndogo baadaye hakuonekani safi vivyo hivyo.
Fonti ndizo mshangao wa kawaida. Ikiwa SVG inataja aina ya herufi ambayo haijapachikwa wala kubadilishwa kuwa mistari ya nje, fonti mbadala hutumika na urefu wa mistari hubadilika. Geuza maandishi kuwa mistari ya nje kwenye zana yako ya usanifu kabla ya kuhamisha. Picha za nje zilizounganishwa kwa URL ndani ya SVG hazipakuliwi, kwa hiyo zipachike au fanya mchoro kuwa bapa kwanza.
Kubadilisha SVG kuwa WebP: fanya na usifanye
| Fanya | Usifanye |
|---|---|
| Chora kwa 2× ya upana wa CSS unaoonyeshwa | Kubadilisha aikoni rahisi za ndani ambazo ni ndogo zaidi kama SVG |
| Tumia Isiyo na hasara kwa nembo bapa zenye rangi chache | Kuchora kwa 4000 px kwa nafasi ya 600 px |
| Hifadhi SVG asilia kwa ukubwa wa baadaye | Kutuma WebP kwenye majarida ya barua pepe |
| Tumia WebP pamoja na sifa za width na height ili kuepuka mabadiliko ya mpangilio | Kutarajia maandishi halisi: WebP ni pikseli, si herufi zinazoweza kuchaguliwa |
Maswali kuhusu kubadilisha SVG kuwa WebP
Nitumie upana gani wa pikseli ninapobadilisha SVG kuwa WebP?
Chukua upana ambao picha inaonyeshwa kwa pikseli za CSS kisha uuzidishe mara mbili, ili ibaki kali kwenye skrini za simu na laptop zenye msongamano mkubwa. Mchoro unaoonyeshwa kwenye safu ya 800 px unapaswa kuchorwa kwa 1600 px. Kwenda 3× mara chache huleta faida kwenye wavuti, kwa sababu faili inakua huku tofauti inayoonekana ikiwa ndogo.
Je, WebP ni bora kuliko SVG kwa tovuti?
Si kwa nembo rahisi, aikoni na michoro ya maelezo: SVG safi ni ndogo na kali kwa ukubwa wowote, kwa hiyo iache kama ilivyo. WebP ni bora kwa michoro tata yenye gradient, vichujio au maelfu ya njia, na kwa mahali popote panapokubali bitmap pekee, kama vile vionyesho vya mitandao ya kijamii au CMS isiyounga mkono SVG.
Je, WebP inabaki na mandharinyuma angavu ya SVG yangu?
Ndiyo. WebP ina chaneli kamili ya alpha katika hali ya hasara na isiyo na hasara, kwa hiyo maeneo yasiyo na rangi kwenye SVG yanabaki na uwazi. Kingo za maumbo zimelainishwa dhidi ya uwazi, jambo linalofaa kwenye rangi yoyote ya mandharinyuma.
WebP lossy au lossless kwa michoro ya vekta?
Isiyo na hasara inafaa nembo, aikoni na chati zenye rangi chache thabiti; hizo hubanwa vizuri sana na kuhifadhi kingo safi kabisa. Yenye hasara kwa ubora wa 85 hadi 90 inafaa michoro yenye gradient, vivuli au umbile, ambapo faili zisizo na hasara huwa nzito. Jaribu zote mbili kwenye faili moja kisha uhifadhi ndogo zaidi inayoonekana safi.
Kwa nini siwezi kupakia SVG kwenye WordPress?
WordPress haijaweka SVG kwenye aina za faili zinazoruhusiwa kupakiwa kwa sababu SVG inaweza kubeba skripti. Inakubali WebP tangu toleo la 5.8, lililotolewa mwaka 2021, kwa hiyo kubadilisha kunakupa faili ambayo maktaba ya media inaipokea bila programu-jalizi ya usalama. Tovuti zinazohitaji vekta halisi bado zinaweza kuongeza usaidizi wa SVG kupitia programu-jalizi inayosafisha msimbo.
Je, naweza kutumia WebP kwenye jarida la barua pepe?
Epuka. Programu kadhaa za barua pepe, ikiwemo Outlook ya desktop ya Windows, hazionyeshi WebP, na Gmail pia haionyeshi SVG. Badala yake, chora kazi hiyo kwa SVG kuwa PNG kwa ajili ya barua pepe.
