Utiliome

Rotunjește colțurile imaginii

Adaugă margini rotunjite, forme de pastilă sau decupări circulare complete, cu contur opțional și fundal transparent.

Fără încărcăriFără contProcesare în lot
Rază colțuriUniform sau 4 colțuriContur bordurăÎnainte / dupăZIP în lot
Descarcă imaginea rotunjită
Motorul offline e gataSpațiu de lucru 100% privat, în browser • Zero încărcări în cloud
Unelte de care ai putea avea nevoie

Unelte similare

Decupează imaginea

Decupează și taie imaginile direct în browser.

Redimensionează imaginea

Schimbă dimensiunile imaginii și scaleaz-o în sus sau în jos, local, în browser.

Convertește formatul imaginii

Convertește instant imaginile între formatele PNG, JPG, WEBP și GIF.

Comprimă imaginea

Reduce semnificativ mărimea imaginilor (JPG, PNG, WebP) fără să pierzi calitatea vizuală.

Filigran pe imagine

Aplică instant filigrane text pe imagini, ca să-ți protejezi proprietatea intelectuală.

Oglindește imaginea

Oglindește instant imaginile pe orizontală sau pe verticală, în browser.

100% privat • Zero încărcări de fișiere pe server

De ce să folosești rotunjirea colțurilor?

Construit de la zero pentru confidențialitate strictă, execuție instant și zero fricțiune. Fără abonamente, paywall-uri sau conturi.

Confidențialitate 100% locală în browser

Decuparea colțurilor și masca alfa rulează în browser, prin API-ul HTML5 Canvas. Fotografiile, capturile UI și avatarele nu părăsesc dispozitivul.

Control uniform sau pe 4 colțuri

Ajustează un cursor procentual de la colțuri subtile de 8% până la un cerc complet de 100%, sau deblochează cursoarele Stânga-sus, Dreapta-sus, Dreapta-jos și Stânga-jos.

Contur personalizat și umplere mată

Adaugă un inel anti-alias (0–20 px) în orice culoare hex și păstrează colțurile exterioare 100% transparente sau umplute cu un fundal solid.

Procesare în lot pentru mai multe imagini

Încarcă zeci de fotografii de produs sau portrete de echipă, previzualizează fiecare imagine cu un cursor Înainte/După și descarcă totul ca arhivă ZIP.

Utiliome față de alternativele cloud clasice

Compară motorul nostru local WebAssembly cu uneltele cloud vechi.

Funcție Utiliome (browser local) Convertoare cloud clasice
Confidențialitatea datelor 100% RAM local în browser (zero încărcări) Încarcă fotografii și avatare private pe servere cloud
Controlul geometriei colțurilor Cerc/squircle uniform + cursoare independente pe 4 colțuri (TL, TR, BR, BL) Blocat pe o singură rază uniformă pentru toate cele 4 colțuri
Contur și fundal mat Contur inset anti-alias (0–24 px) + mat transparent sau hex personalizat Fără contur; exportă adesea JPEG cu artefacte negre la colțuri
Flux în lot și export Spațiu cu file, cursor live Înainte/După și ZIP dintr-un clic Cozi de un singur fișier sau descărcări în lot cu paywall
Cum funcționează

Cum folosești Rotunjește colțurile imaginii în 3 pași simpli

Nu trebuie să instalezi niciun program. Totul rulează direct în browser.

1

Încarcă una sau mai multe imagini

Trage fișiere JPG, PNG, WebP sau AVIF în zona de drop sau apasă ca să alegi fotografii de pe dispozitiv.

2

Ajustează raza colțurilor și conturul

Alege modul Uniform (sau presetul Cerc 50%) ori treci la modul independent pe 4 colțuri, apoi adaugă opțional un contur și un fundal mat.

3

Exportă PNG transparent, WebP sau ZIP

Compară rezultatul cu cursorul Înainte/După și descarcă fișiere individuale sau o arhivă ZIP completă.

Cum funcționează rotunjirea sub-pixel și decuparea alfa

Răspuns rapid: Rotunjirea colțurilor înlocuiește pixelii exteriori de 90° cu un arc Bézier neted pe un Canvas 2D HTML5. Exportat ca PNG RGBA pe 32 de biți sau WebP lossless, colțurile tăiate păstrează un canal alfa zero, așa că imaginea se așază pe orice fundal deschis sau închis.

Imaginile dreptunghiulare standard (JPG, PNG, WebP) stochează pixelii într-o grilă carteziană rigidă. Dezvoltatorii pot rotunji vizual pe pagină cu CSS border-radius, dar stilurile CSS nu modifică fișierul — asset-urile lipite în newslettere, Notion, Figma, slide-uri sau PDF revin la colțuri ascuțite de 90°.

Unealta Rotunjește colțurile înscrie definitiv curbe pătratice anti-alias în canalul alfa, prin căi de decupare CanvasRenderingContext2D.arcTo() accelerate hardware:

Setare rază Geometrie Caz de utilizare Format recomandat
Rază 8% – 16% Înmuiere subtilă de card UI Capturi App Store, vizuale de blog SaaS, embed-uri Notion PNGsauWebP (transparent)
Rază 24% – 35% Squircle / pictogramă modernă Insigne stil iOS, miniaturi de produs, carduri sociale PNG (RGBA pe 32 de biți)
Rază 100% (50% din latura scurtă) Cerc perfect sau capsulă Avatare, pictograme Discord/Slack, semnături de e-mail PNG (transparent)
4 colțuri asimetrice (doar TL/TR) Tab rotunjit sus sau antet de modal Bannere hero de e-mail, antete de card, mockup-uri UI PNGsauJPG (cu umplere mată)

Dacă vrei să tai fundalul în plus înainte să rotunjești avatarul într-un cerc perfect, încadrează mai întâi subiectul într-un pătrat 1:1 cu Decupează imaginea.

Decupare circulară uniformă față de asimetrie pe 4 colțuri

Răspuns rapid: Modul uniform aplică aceeași curbură pe toate cele patru colțuri — imaginile pătrate devin cercuri la rază 100%, iar cele dreptunghiulare devin pastile. Modul independent pe 4 colțuri setează procente distincte pentru Stânga-sus, Dreapta-sus, Dreapta-jos și Stânga-jos.

Sistemele de design cer geometrii diferite:

  • Avatare circulare (100% rază uniformă pe pătrat 1:1): Cursorul la 100% (adică 50% din latura cea mai scurtă) transformă orice portret pătrat într-un cerc clar, cu margini anti-alias.
  • Bannere pastilă (100% rază uniformă pe 16:9 sau 4:3): O rază de 100% pe o imagine lată creează o formă de stadion sau capsulă, fără să distorsioneze subiectul.
  • Forme de frunză și tab (modul 4 colțuri):Trecând la controlIndividual, poți rotunji doar Stânga-sus și Dreapta-sus (25% / 25% / 0% / 0%) pentru antete de carduri de e-mail sau colțurile diagonale opuse (40% / 0% / 40% / 0%) pentru rame organice.

Contururi anti-alias și alegerea fundalului mat

Răspuns rapid: Folosește un fundal Transparent cu export PNG sau WebP când imaginea rotunjită stă pe suprafețe colorate, în degrade sau în mod întunecat. Dacă trebuie să exporți JPEG — care nu are transparență alfa — alege un mat Alb, Negru sau Hex, ca colțurile tăiate să se potrivească paginii.

O greșeală frecventă la rotunjirea colțurilor este exportul JPEG fără fundal mat: browserele umplu colțurile transparente cu negru solid (#000000).

Editorul îți dă control asupra matului exterior și asupra unui inel de contur inset opțional:

  1. Alfa transparent (PNG / WebP): Lasă triunghiurile exterioare complet transparente (rgba(0,0,0,0)). Ideal pentru site-uri, slide-uri și suprapuneri de design.
  2. Mat solid (Alb, Negru sau hex personalizat): Umple zona tăiată cu o culoare de brand exactă înainte de a desena imaginea rotunjită — esențial pentru JPEG ușor, în clienți de e-mail vechi.
  3. Contur personalizat (0px – 20px): Desenează un contur vectorial anti-alias, centrat pe calea rotunjită, ca avatarele și capturile să iasă pe fundaluri cu contrast mic. Vrei să reduci greutatea după un PNG pe 32 de biți? Treci fișierul prin Comprimă imaginea.

Procesare în lot pe client pentru kituri UI și directoare de echipă

Răspuns rapid: Încarcă mai multe imagini deodată ca să aplici aceeași rotunjire, lățime de bordură și format pe un folder întreg, sau personalizează fiecare filă înainte să descarci o singură arhivă ZIP — totul local în browser.

Pregătirea manuală a 20 de portrete de angajați sau a 15 capturi de documentație SaaS în software desktop înseamnă măști de strat și exporturi repetitive.

Cu editorul cu file din Utiliome poți lăsa un lot întreg în spațiul de lucru:

  • Precizie pe filă:Comută imaginile din bara de sus și inspectează fiecare fișier cu cursorulÎnainte / După.
  • Zero încărcări în cloud: Fiecare pixel rămâne în memoria locală (ArrayBuffer și HTMLCanvasElement), în acord cu NDA-urile corporative și GDPR.
  • Ai nevoie și de pixeli exacți? Combină colțurile rotunjite cu Redimensionează imaginea ca să standardizezi avatarele la 400×400 px sau 800×800 px.
Întrebări

Întrebări frecvente și ghid tehnic: Rotunjește colțurile imaginii

Tot ce trebuie să știi ca să folosești gratuit Rotunjește colțurile imaginii de la Utiliome.

De ce colțurile rotunjite au devenit negre sau albe după descărcare?

Fișierele JPEG nu suportă transparență alfa. Dacă vrei colțuri transparente care se așază pe orice fundal, alege PNG sau WebP ca format de export și lasă Background pe Transparent.

Cum decupez o fotografie într-un cerc perfect?

Încarcă o imagine pătrată (raport 1:1), apasă presetul 50% (Circle) sau trage cursorul Uniform Radius la 100% și exportă ca PNG transparent. Dacă fotografia este dreptunghiulară, decupeaz-o mai întâi la un pătrat 1:1 cu unealta Decupează imaginea.

Pot rotunji doar două colțuri (de exemplu stânga-sus și dreapta-sus)?

Da. Treci comutatorul Corner Mode de la Uniform la 4-Corner. Apoi setează Top-Left și Top-Right la procentul dorit și lasă Bottom-Right și Bottom-Left la 0%.

Rotunjirea colțurilor reduce rezoluția sau claritatea fotografiei?

Nu. Unealta randează canvasul la lățimea și înălțimea nativă exacte (scară 1:1) și modifică doar masca alfa de-a lungul arcelor și al conturului opțional.

Pot adăuga o bordură colorată în jurul imaginii rotunjite sau al avatarului circular?

Da. Folosește cursorul Border Width (0–20 px) și selectorul Border Color din bara laterală ca să desenezi o bordură netedă, anti-alias, care urmează exact curbura colțurilor.

Fotografiile mele sunt încărcate pe un server când le rotunjesc colțurile?

Niciodată. Decodarea, masca de colțuri și împachetarea ZIP se întâmplă 100% local în browser. Fișierele nu părăsesc computerul sau telefonul.