Skera mynd í hring á netinu ókeypis — Búðu til hringlaga prófílmynd

Hringur eða ávalur ferningur: hvaða lögun áttu að nota

Lögunin er í raun ekki þitt val — vettvangurinn leggur sína eigin grímu yfir þegar hann birtir prófílmyndina þína, og því getur þú ekki breytt. Það sem þú raunverulega velur er hvort skráin þín passi við þá grímu.

Þetta skiptir máli því hringur sker í burtu um 21% af ferningi, og það gerist allt í hornunum. Ef þú skerð sjálf(ur) í hring sérðu nákvæmlega hvað lifir af. Ef þú hleður upp heilum ferningi og vonar það besta, sker gríma vettvangsins það sem óvart lenti í hornunum: toppinn af hatti, öxl, hálft merki.

Þumalputtareglan: andlit þola hring, orðmerki þola ávalan ferning. Andlit er þegar nokkuð kringlótt, svo hornin höfðu aldrei neinar upplýsingar. Merki með texta er yfirleitt breiðara en það er hátt, og hringur sker endana af orðinu. Þess vegna nota Slack, iOS og Play Store öll ávala ferninga fyrir tákn, á meðan sérhvert samfélagsnet notar hringi fyrir fólk.

Af hverju gagnsæ PNG-mynd er aukabætin virði

Hringur skorinn í JPG er ekki í raun hringur. JPG hefur engan alfarás, svo hornin fjögur verða að innihalda eitthvað — venjulega hvítt. Á hvítri síðu tekur enginn eftir því. Settu þá prófílmynd á dökkt þema, litað spjald, skyggnusýningu eða myndbandslag, og fjórir hvítir þríhyrningar birtast í kringum höfuðið.

PNG og WebP hafa bæði alfarás, svo hornin geyma „ekkert", og hringurinn leggst snyrtilega ofan á hvaða bakgrunn sem er. Þess vegna er PNG sjálfgefið hér. WebP leysir sama verkefni með um þriðjungi af bætunum, og hvaða nútímavafri sem er getur lesið það — en sum upphleðslueyðublöð og eldri skjáborðsforrit hafna enn skráarendingunni, svo PNG er örugga valið þegar þú sendir skrána inn í kerfi einhvers annars.

Eina tilfellið þar sem JPG er skynsamlegt er stærðartakmörkun. Ef eyðublað krefst JPG eða takmarkar þig við nokkra tugi kílóbæta, veldu þá JPG hér og stilltu bakgrunnslitinn á þann sem áfangasíðan raunverulega notar, svo hornin hverfi inn í hann.

Svona skerð þú andlit sem enn má greina við 32 pixla

Prófílmyndin þín er nánast aldrei skoðuð í þeirri stærð sem þú flytur hana út í. Í athugasemdaþræði er hún 32 til 40 pixla breið. Í þeirri stærð er það aðeins útlína höfuðsins, birtuskil milli andlits og bakgrunns og u.þ.b. staðsetning augnanna sem lifir af. Allt annað verður að graut.

Skerðu því þrengra en þér finnst eðlilegt. Láttu höfuðið fylla um 60–70% af hæð hringsins, hafðu augun aðeins fyrir ofan miðlínuna og skildu eftir smá loft yfir hárinu svo skurðurinn líti ekki út fyrir að vera tilviljanakenndur. Rugluð bakgrunnsmynd er langalgengasta villan: hún keppir um þá fáu pixla sem eru til staðar og gerir alla smámyndina að suði. Ef bakgrunnurinn þinn er ruglaður, greinist einlitur eða óskýr bakgrunnur á bak við hringlaga skurð betur í öllum stærðum.

Hagnýtt próf: Fluttu prófílmyndina út og skoðaðu hana svo í skráastjóranum þínum við minnstu smámyndastærð. Ef þú sérð ekki að þetta ert þú, þá gerir enginn annar það heldur.

iOS-squircle-formið útskýrt

Forritatákn Apple eru ekki ávalir rétthyrningar. Ávalur rétthyrningur tengir beinu kantana sína með fjórðungshringshorni, og bugðan breytist snöggt við þau mót — augað þitt skynjar það sem lítinn hnykk. Apple notar þess í stað ofursporbaug (superellipse), þar sem bugðan eykst smám saman frá kantinum, svo útlínan hefur alls engin sýnileg skil. Hönnuðir kalla útkomuna squircle.

Canvas getur aðeins teiknað horn sem hringboga, svo ávalur-ferningur-hamurinn hér er nálgun með ávölum rétthyrningi, ekki raunverulegur ofursporbaugur. Í stærðum prófílmynda er munurinn einn til tveir pixlar á hverju horni, og enginn tekur eftir því. Stilltu hornradíus á um 22% af hliðinni og þú lendir í sama hlutfalli og Apple notar fyrir forritatákn; tólið notar sjálfgefið 24%, sem samsvarar því hvernig Slack og flest spjallforrit gríma prófílmyndir sínar.

Sleðinn nær upp í 50%, sem er hringur — ávalur ferningur þar sem hornradíus nær helmingi hliðarinnar á enga beina kant eftir. Þetta samhengi er ástæðan fyrir því að báðar lögunin deila einni kóðaslóð hér í stað þess að vera tvö aðskilin tól.

Rammar og af hverju þeir skerast af

Hringur utan um prófílmynd er góð leið til að halda henni aðgreindri frá ruglaðri bakgrunnssíðu, og það er eina stílatriðið sem lifir af grímu vettvangsins — svo lengi sem hringurinn er innan við myndina þína en ekki utan um hana.

Það er þess virði að vera nákvæm(ur) um þetta. Ef tól bætir 6 px ramma við utan um 320 px hring verður skráin 332 px, og vettvangurinn breytir þá stærð hennar aftur og leggur sína eigin hringlaga grímu yfir að nýju — sem sker beint í gegnum rammann þinn og gerir hann ójafnan. Þetta tól teiknar rammann innan þeirrar stærðar sem þú hefur tilgreint, svo 320 px er áfram 320 px, og ramminn situr nákvæmlega á þeim kanti sem gríman gerir ráð fyrir. Ramma-sleðinn er af sömu ástæðu takmarkaður við 12% af hliðinni: fari hann yfir það hættir hann að vera hringrammi og verður að þykkum ramma.

Af hverju skurður í vafranum er einkalegri

Flestar „hringlaga skurður á netinu"-síður hlaða myndinni þinni upp, skera hana á netþjóni og senda hana svo til baka. Fyrir mynd af þínu eigin andliti skiptir þetta raunverulegu máli: afrit er til á diski einhvers annars, hulið hverju sem geymslustefna þeirra segir þann mánuðinn, og oft skilmálagrein sem veitir þeim leyfi til hennar.

Resizo er ekki með neinn bakenda sem tekur á móti myndum. Skurðurinn fer fram í flipanum þínum með canvas-API vafrans sjálfs. Tvær leiðir til að athuga þetta: opnaðu netpanel vafrans og sjáðu að ekkert er sent á meðan þú skerð, eða aftengdu nettenginguna eftir að síðan hefur hlaðist og skerðu samt — það virkar áfram.

Gagnlegur aukabónus: endurkóðun fjarlægir EXIF-lýsigögn, svo GPS-hnitin og tímastimpillinn sem síminn þinn skráði í upprunalegu myndina fylgja ekki með þeirri prófílmynd sem þú birtir opinberlega. Ef þú þarft á þeim lýsigögnum að halda skaltu vista upprunalegu skrána.