Utiliome

Zaoblení rohů obrázku

Přidejte hladké zaoblené hrany, vlastní tvary pilulky nebo plný kruhový ořez s volitelným rámečkem a průhledným pozadím.

Bez nahráváníBez registraceDávkové zpracování
Poloměr rohůJednotné nebo 4 rohyTah okrajePřed / poDávkový ZIP
Stáhnout zaoblený obrázek
Offline engine je připraven100% soukromý pracovní prostor v prohlížeči • Žádné nahrávání do cloudu
Nástroje, které se vám můžou hodit

Související nástroje

Oříznout obrázek

Ořízněte a upravte obrázky přímo v prohlížeči.

Změnit velikost obrázku

Měňte rozměry obrázku a škálujte nahoru i dolů lokálně v prohlížeči.

Převést formát obrázku

Okamžitě převádějte obrázky mezi formáty PNG, JPG, WEBP a GIF.

Komprimovat obrázek

Výrazně zmenšete velikost obrázku (JPG, PNG, WebP) bez ztráty vizuální kvality.

Vodoznak obrázku

Okamžitě otiskněte vlastní textové vodoznaky přes obrázky a chraňte duševní vlastnictví.

Překlopit obrázek

Překlopte obrázky vodorovně nebo svisle okamžitě v prohlížeči.

100% soukromé • Žádné nahrávání souborů na server

Proč použít náš zaoblovací rohů obrázků?

Navrženo od základu pro přísné soukromí, okamžité spuštění a nulové tření. Žádné předplatné, paywally ani registrace účtu.

100% soukromí v lokálním prohlížeči

Ořez rohů i alfa maskování běží v prohlížeči přes HTML5 Canvas API. Soukromé fotky, snímky UI i avatary nikdy neopustí vaše zařízení.

Jednotné nebo 4 samostatné rohy

Jeden procentuální posuvník od jemných 8% rohů karet až po 100% plný kruh, nebo odemkněte samostatné posuvníky nahoře vlevo, nahoře vpravo, dole vpravo a dole vlevo.

Vlastní rámeček a podkladová výplň

Přidejte ostrý antialiasovaný rámeček (0 px až 20 px) v libovolné hex barvě a oříznuté vnější rohy nechte 100% průhledné, nebo je vyplňte plnou podkladovou barvou.

Dávkové zpracování více obrázků

Nahrajte desítky produktových fotek nebo týmových portrétů najednou, každou prohlédněte interaktivním posuvníkem Před/Po a stáhněte všechny zaoblené snímky jako ZIP.

Utiliome vs tradiční cloudové alternativy

Porovnejte náš lokální WebAssembly engine s legacy cloudovými nástroji.

Funkce Utiliome (lokální prohlížeč) Legacy cloudové převodníky
Soukromí dat a zabezpečení souborů 100% lokální RAM prohlížeče (nula nahrávání na server) Nahrávají soukromé fotky a avatary na vzdálené cloudové servery
Kontrola geometrie rohů Jednotný kruh/squircle + nezávislé 4 posuvníky rohů (TL, TR, BR, BL) Uzamčeno na jeden jednotný poloměr pro všechny 4 rohy
Rámeček a podkladová výplň Antialiasovaný vnitřní rámeček (0–24 px) + průhledný nebo vlastní hex podklad Bez rámečku; často exportují JPEG s černými artefakty v rozích
Dávkový workflow a export Pracovní plocha s kartami, živý posuvník Před/Po a dávkový ZIP na 1 klik Fronty na jeden soubor nebo paywalled dávkové stahování
Jak to funguje

Jak používat Zaoblení rohů obrázku ve 3 snadných krocích

Není nutná žádná instalace softwaru. Vše běží přímo ve vašem webovém prohlížeči.

1

Nahrajte jeden nebo více obrázků

Přetáhněte soubory JPG, PNG, WebP nebo AVIF do dropzóny, nebo klikněte a vyberte fotky ze zařízení.

2

Upravte poloměr rohů a rámeček

Zvolte jednotný režim (nebo klikněte na preset 50% kruh), případně přepněte na 4 nezávislé rohy a volitelně přidejte vlastní rámeček a podkladovou výplň.

3

Exportujte průhledné PNG, WebP nebo dávkový ZIP

Porovnejte výsledek interaktivním posuvníkem Před/Po a stáhněte jednotlivé soubory nebo kompletní dávkový archiv ZIP.

Jak funguje subpixelové zaoblení rohů a ořez alfy

Rychlá odpověď: Zaoblení rohů nahradí ostré 90stupňové vnější pixely hladkou Bézierovou obloukovou cestou na HTML5 2D Canvas. Při exportu jako 32bitové RGBA PNG nebo bezeztrátové WebP si oříznuté vnější rohy zachovají skutečný kanál s nulovou alfou, takže snímek splyne se světlým i tmavým pozadím.

Standardní obdélníkové obrázky (JPG, PNG, WebP) ukládají pixely v tuhé kartézské mřížce. Weboví vývojáři mohou vizuální zaoblení na stránce aplikovat CSS vlastností border-radius, ale styly CSS neupraví podkladový soubor — exportovaná aktiva vložená do e-mailových newsletterů, dokumentů Notion, tabulí Figma, slidů nebo PDF se proto vrátí k ostrým 90stupňovým rohům.

Náš nástroj Zaoblení rohů obrázku trvale zapeče hladké, antialiasované kvadratické křivky přímo do alfa kanálu snímku pomocí hardwarově akcelerovaných ořezových cest CanvasRenderingContext2D.arcTo():

Nastavení poloměru rohů Výsledná geometrie Nejlepší použití Doporučený exportní formát
Poloměr 8 % – 16 % Jemné změkčení karet UI Snímky App Store, vizuály SaaS blogů, vložení do Notion PNGneboWebP (průhledné)
Poloměr 24 % – 35 % Squircle / moderní ikona aplikace Odznaky ve stylu iOS, produktové náhledy, sociální karty PNG (32bit RGBA)
Poloměr 100 % (50 % kratší strany) Dokonalý kruh nebo pilulka Profilové avatary, ikony Discord/Slack, podpisy v e-mailu PNG (průhledné)
Asymetrické 4 rohy (jen TL/TR) Nahoře zaoblená karta nebo záhlaví modalu Hero bannery v e-mailu, záhlaví karet, mockupy UI PNGneboJPG (s podkladovou výplní)

Pokud před zaoblením avataru do dokonalého kruhu potřebujete oříznout přebytečné pozadí, nejdřív snímek zarovnejte na čtverec 1:1 nástrojem Crop Image.

Jednotný kruhový ořez vs. nezávislá 4rohová asymetrie

Rychlá odpověď: Jednotný režim aplikuje stejné zakřivení na všechny čtyři rohy — čtvercové snímky se při 100% poloměru stanou dokonalými kruhy a obdélníky stadionovými pilulkami. Režim 4 nezávislých rohů umožní nastavit jiná procenta pro nahoře vlevo, nahoře vpravo, dole vpravo a dole vlevo.

Různé designové systémy vyžadují různou geometrii rohů:

  • Plné kruhové avatary (100% jednotný poloměr na čtverci 1:1): Posuvník na 100% (což odpovídá 50% kratší strany snímku) změní jakýkoli čtvercový portrét na ostrý kruh s hladkými antialiasovanými hranami.
  • Bannery pilulka a kapsle (100% jednotný poloměr na 16:9 nebo 4:3): Aplikace 100% poloměru na široký landscape snímek vytvoří moderní stadionový nebo kapslový tvar bez deformace objektu.
  • Asymetrické tvary listu a karet (režim 4-Corner):Přepnutím naindividuální ovládání rohů zaoblíte jen nahoře vlevo a nahoře vpravo (25% / 25% / 0% / 0%) pro záhlaví e-mailových karet, nebo protilehlé diagonální rohy (40% / 0% / 40% / 0%) a vzniknou organické rámečky ve tvaru listu.

Antialiasované rámečky a volba podkladových výplní

Rychlá odpověď: Průhledné pozadí s exportem PNG nebo WebP použijte, když zaoblený snímek sedí na barevných, gradientních nebo dark-mode plochách. Musíte-li exportovat JPEG — který nepodporuje alfa průhlednost — zvolte vlastní bílou, černou nebo hex podkladovou výplň, aby oříznuté rohy ladily s cílovou stránkou.

Jednou z nejčastějších chyb při zaoblení rohů je export do JPEG bez podkladové výplně, kvůli které prohlížeče vyplní průhledné vnější rohy plnou černou (#000000).

Náš studiový editor dává plnou kontrolu nad vnějším podkladem i volitelným vnitřním rámečkem:

  1. Průhledná alfa (PNG / WebP): Vnější rohové trojúhelníky zůstanou zcela průhledné (rgba(0,0,0,0)). Ideální pro weby, slidy a designové překryvy.
  2. Plná podkladová výplň (White, Black nebo vlastní hex): Oříznutou oblast rohů vyplní přesnou brandovou barvou před vykreslením zaobleného snímku — nutné při exportu lehkých JPEG pro starší e-mailové klienty.
  3. Vlastní rámeček (0px – 20px): Vykreslí vycentrovaný, antialiasovaný vektorový tah přesně po zaoblené kontuře, aby avatary a snímky vynikly na málo kontrastním pozadí. Potřebujete po exportu 32bitového PNG snížit váhu souboru? Pusťte ho utilitou Compress Image.

100% klientské dávkové zpracování pro sady UI a adresáře týmů

Rychlá odpověď: Nahrajte více obrázků najednou a aplikujte konzistentní zaoblení rohů, šířky rámečků a exportní formáty na celou složku, nebo každou kartu upravte zvlášť a stáhněte jeden archiv ZIP — vše se zpracuje lokálně v prohlížeči.

Připravit konzistentní sadu 20 zaměstnaneckých portrétů nebo 15 snímků SaaS dokumentace ručně v desktopovém softwaru znamená únavné maskování vrstev a opakované exporty.

S vícekartovým editorem Utiliome přetáhnete celou dávku obrázků do workspace najednou:

  • Přesnost po kartách:Přepínejte nahrané snímky v horní liště karet a každou prohlédněte interaktivním rozděleným posuvníkemPřed / Po.
  • Nula nahrávání do cloudu: Každý pixel zůstane v lokální paměti zařízení (ArrayBuffer a HTMLCanvasElement), což zaručuje přísný soulad s firemními NDA a GDPR.
  • Potřebujete i přesné pixelové rozměry? Zaoblené rohy zkombinujte s nástrojem Resize Image a sjednoťte všechny avatary na 400×400 px nebo 800×800 px.
FAQ

FAQ a technický návod Zaoblení rohů obrázku

Vše, co potřebujete vědět o používání bezplatného online Zaoblení rohů obrázku od Utiliome.

Proč se zaoblené rohy po stažení změnily na černé nebo bílé?

Soubory JPEG nepodporují alfa průhlednost. Chcete-li průhledné rohy, které splynou s libovolným pozadím, zvolte jako exportní formát PNG nebo WebP a pozadí nechte Transparent.

Jak oříznu fotku do dokonalého kruhu?

Nahrajte čtvercový snímek (poměr 1:1), klikněte na preset 50% (kruh) nebo táhněte posuvník jednotného poloměru na 100% a exportujte jako průhledné PNG. Pokud je fotka obdélníková, nejdřív ji ořízněte na čtverec 1:1 nástrojem Crop Image.

Mohu zaoblit jen dva rohy obrázku (třeba nahoře vlevo a nahoře vpravo)?

Ano! Přepněte režim rohů z Uniform na 4-Corner. Pak nastavte Top-Left a Top-Right na požadované procento a Bottom-Right i Bottom-Left nechte na 0%.

Sníží zaoblení rohů rozlišení nebo ostrost fotky?

Ne. Nástroj vykreslí plátno v přesné nativní šířce a výšce snímku (měřítko 1:1) a upraví pouze alfa masku podél oblouků rohů a volitelného rámečku.

Mohu kolem zaobleného snímku nebo kruhového avataru přidat barevný rámeček?

Ano. Posuvníkem Border Width (0 px až 20 px) a výběrem Border Color v postranním panelu vykreslíte hladký, antialiasovaný rámeček, který kopíruje přesné zakřivení zaoblených rohů.

Nahrávají se fotky na server, když zaoblim jejich rohy?

Nikdy. Dekódování obrázků, maskování rohů i balení ZIP probíhá ze 100 % lokálně ve webovém prohlížeči. Soubory nikdy neopustí počítač ani telefon.