Utilia

Circle Crop – Gumawa ng Bilog na Profile Picture

I-crop ang litrato sa bilog para sa avatar o profile picture, magdagdag ng kulay na border at mag-save ng transparent na PNG, sa mismong browser mo.

Paano gumawa ng bilog na profile picture

  1. I-drop ang litrato sa drop zone, o i-click ito para pumili. Gumagana ang JPG, PNG, WebP at anumang ibang format na kayang ipakita ng iyong browser.
  2. Lalabas ang litrato sa likod ng bilog na bintana. I-drag ang litrato para mailagay ang iyong mukha (o logo) sa loob ng bilog, at mag-zoom gamit ang mouse wheel, pinch ng dalawang daliri o ang slider na Zoom. Ibinabalik ito sa gitna ng I-reset ang pwesto.
  3. Piliin ang Laki ng output: 128, 200, 256, 400, 512, 800, 1024 o 2048 pixel na parisukat, o Custom… para sa kahit anong laki mula 16 hanggang 4096 px.
  4. Magdagdag ng singsing kung gusto mo gamit ang Kapal ng border (porsyento ng laki ng larawan, ipinapakita rin sa pixel) at Kulay ng border. Ipinapakita ng preview ang singsing sa paligid ng bilog gaya ng ise-save.
  5. Tingnan ang maliliit na Mga preview sa karaniwang laki ng avatar: ipinapakita ng mga ito kung paano mababasa ang larawan sa napakaliliit na sukat na ginagamit sa mga komento at chat list.
  6. Piliin ang Format ng output, PNG (transparent) o WebP (transparent), at i-click ang I-download ang bilog na larawan.

Gumagana rin ang keyboard: itutok ang litrato, saka ilipat ito gamit ang mga arrow key (pindutin ang Shift para sa mas malalaking hakbang) at mag-zoom gamit ang + at −.

Bakit transparent na PNG?

Ang bilog na avatar ay talagang parisukat na larawang transparent ang mga sulok. Kapag sine-save bilang PNG o WebP, nananatiling hindi nakikita ang mga sulok sa kahit anong background: light o dark mode, may kulay na header ng page o email signature. Hindi nakapag-iimbak ng transparency ang JPG at magpapakita ito ng puti o itim na sulok, kaya mga format lang na may alpha channel ang iniaalok ng tool na ito.

Karamihan sa mga platform (social network, chat app, forum, video-call tool) ay nagpapakita na ng profile picture sa bilog, kaya sapat na roon ang parisukat na litrato. Kapaki-pakinabang ang naka-crop nang bilog na larawan sa ibang lugar: email signature, pahinang “about us”, presentation slide, résumé, pahina ng team, dokumento at anumang disenyong ikaw mismo ang naglalagay ng larawan.

Pagpili ng magandang laki

Mag-upload ng mas malaking larawan kaysa sa laking ipapakita nito: pinaliliit ito ng mga platform, at ang mga screen na mataas ang pixel density ay nangangailangan ng dalawa hanggang tatlong beses ng ipinapakitang laki para maging malinaw. Ligtas na pagpipilian ang 400 o 512 px para sa karamihan ng profile picture; ang 800 o 1024 px ay may sapat na espasyo para sa malalaking display at pag-print. Para sa email signature, sapat na ang 200 px.

Kung mag-zoom ka nang malayo sa maliit na litrato, mas kaunting pixel ng orihinal ang sasakupin ng bilog kaysa sa laking hiningi mo. Babalaan ka ng tool na ia-upscale ang resulta at magiging bahagyang malabo; mag-zoom out o pumili ng mas maliit na Laki ng output para manatiling matalas.

Mga tip para sa mas magandang avatar

  • Mag-iwan ng espasyo sa itaas ng ulo at ilagay ang mga mata sa humigit-kumulang isang-katlo mula sa itaas ng bilog.
  • Mas mabasa sa maliliit na sukat ang payak o malabong background kaysa sa magulong background.
  • Ang manipis na border sa kulay ng brand (2 hanggang 4%) ay tumutulong para litaw ang larawan sa puting page; maganda naman ang puting border sa madilim na background.
  • Panatilihin ang parehong crop sa bawat platform para makilala ka agad ng mga tao.

Hindi kailanman ina-upload ang iyong litrato: binubuksan, kino-crop at ine-encode ito sa iyong browser, at walang EXIF metadata gaya ng lokasyong GPS ang na-save na file.

Mga madalas itanong

Paano i-crop ang larawan sa bilog?

I-drop ang litrato, i-drag ito hanggang nasa bilog na bintana ang bagay na gusto mo, mag-zoom kung kailangan, saka i-click ang I-download ang bilog na larawan. Makakakuha ka ng parisukat na PNG na transparent ang mga sulok, kaya ang bilog lang ang makikita.

Bakit may checkerboard sa paligid ng bilog?

Minamarkahan ng checkerboard ang mga transparent na pixel. Background lang ito ng preview at hindi bahagi ng na-download na file.

Puwede bang puting background ang makuha sa halip na transparent na mga sulok?

Laging transparent ang output sa labas ng bilog, na gumagana sa kahit anong background. Kung kailangan mo ng solidong parisukat, magdagdag ng background gamit ang image editor o ilagay ang PNG sa ibabaw ng may kulay na hugis.

Anong laki dapat ang profile picture?

Karamihan ng serbisyo ay nagrerekomenda ng hindi bababa sa 400 × 400 px at mas maliit ang ipinapakita nila. Piliin ang 512 px para sa pangkalahatang gamit, o 1024 px kung gusto mo ng malinaw na larawan sa malalaking screen.

Kasama ba sa napiling laki ang border?

Oo. Ang 512 px na larawang may 5% na border ay may singsing na 26 px at bilog na litratong 460 px, kaya eksakto sa pinili mong laki ang file.