그라데이션 메시

네, 그라데이션 메시 도구는 누구나 무료로 사용할 수 있습니다. 회원가입이나 결제 정보 입력이 전혀 필요 없으며, 워터마크도 남지 않습니다. HD 화질의 결과물도 무료로 다운로드할 수 있습니다.

JPG, PNG, WebP, GIF, HEIC 등 주요 이미지 형식을 모두 지원합니다. 파일 한 장당 최대 50MB까지 업로드할 수 있으며, 결과물은 PNG(투명 배경) 또는 JPEG로 다운로드할 수 있습니다.

대부분의 이미지는 몇 초 안에 처리가 완료됩니다. 그라데이션 메시 작업은 브라우저에서 직접 실행되므로 네트워크 상태와 무관하게 빠른 응답 속도를 보장합니다. 첫 사용 시에는 AI 모델을 내려받느라 약간 더 걸릴 수 있습니다.

Vercel's documentation-site mesh treatment (visible at vercel.com, nextjs.org, and the entire family of Vercel-built brand sites) uses a 4-by-4 anchor grid (16 nodes), linear blend curve (not ease-in-out — Vercel's design language reads as geometric and calm rather than fluid and energetic, which is the deliberate distinction from Stripe's 2018 launch), sRGB colour space, and a constrained palette of three to five hex codes drawn from the Vercel brand kit (a deep navy, a pale cyan, occasional magenta or orange highlight). The Vercel-docs named preset reproduces these parameters: 16 anchors, linear blend, sRGB, the palette restricted to the Vercel brand colours. The visual outcome reads as developer-tool / infrastructure-platform rather than fintech / SaaS-marketing — the same anchor-density choice with ease-in-out blend and a wider palette would push the gradient toward Stripe's territory rather than Vercel's. The aesthetic distinction matters because audiences in the developer-tool category recognise the Vercel-style mesh as 'serious infrastructure tool' versus the Stripe-style mesh as 'consumer-facing fintech', and the wrong choice undermines the brand-positioning of the page.

A 4K mesh-gradient hero PNG can run 1.5–4 MB depending on anchor density, blend curve, and colour-space encoding, and that file size hurts mobile Largest Contentful Paint (LCP) — the Core Web Vitals metric Google uses as a ranking signal. Three concrete mitigations the export pipeline supports. (1) The sRGB JPEG export at quality 0.85 lands in the 200–600 KB range with no visible quality loss for mesh gradients (where the smooth gradients compress aggressively under JPEG's DCT encoding) — use JPEG for the mobile fallback even when the desktop hero is PNG. (2) The mobile-portrait preset at 1170×2532 instead of the 4K landscape source cuts the file size to the 80–250 KB range, which keeps LCP under the 2.5-second 'Good' threshold on a 4G connection. (3) The CSS-gradient export option writes the mesh as a series of linear-gradient and radial-gradient CSS declarations rather than a raster image — file size effectively zero, the gradient renders as native browser colour interpolation, and the mesh quality is approximate rather than pixel-exact but typically indistinguishable to the human eye for the 4-by-4 anchor density that covers most SaaS use cases. The CSS-gradient option is the right call for landing pages where Core Web Vitals optimisation outweighs pixel-exact gradient fidelity.