그라디언트 이미지
선형, 방사형, 원뿔형 그라디언트 배경
도구 불러오는 중…
그라디언트 이미지 사용 방법
- 원하는 옵션을 설정하세요.
- 설정을 바꾸면 미리보기가 바로 갱신돼요.
- 결과를 다운로드하세요.
이 도구 소개
색 정지점을 2~5개 가진 선형, 방사형, 원뿔형 그라디언트를 디자인하고 원하는 크기의 이미지로 다운로드하세요. 프리셋에서 시작해 각도, 중심점, 각 정지점의 색과 위치를 조정하세요.
일치하는 CSS가 미리보기 아래에 표시되어 웹사이트에서 같은 그라디언트를 쓸 수 있어요. 선형과 방사형 그라디언트는 어떤 크기에서도 부드러운 SVG로도 저장할 수 있어요.
- 기기에서 작동해요. 아무것도 업로드되지 않아요.
- 무료이며 가입도, 워터마크도 없어요.
- 파일 수나 크기 제한이 없어요. 기기가 처리할 수 있는 범위까지 사용할 수 있어요.
질문과 답변
이미지가 CSS와 정확히 일치하나요?
네. 각도, 중심점, 기본 그라디언트 크기가 CSS와 같은 규칙을 따르므로 1920 × 1080 이미지는 그 크기의 상자에 적용한 CSS 그라디언트와 똑같아 보여요.
디더링은 무엇을 하나요?
부드러운 그라디언트는 각 채널에 256단계만 있어서 색 띠라는 눈에 보이는 단차가 생길 수 있어요. 디더링은 그 단차를 가리는 아주 미세한 노이즈를 더해요. PNG 파일이 훨씬 커지므로 주로 JPG와 WebP에 사용하세요.
원뿔형 그라디언트를 SVG로 저장할 수 없는 이유는 뭔가요?
SVG에는 원뿔형 그라디언트 유형이 없어요. 원뿔형 그라디언트는 PNG, JPG, WebP로 저장하세요.
그라디언트 이미지은(는) 무료인가요?
네. ImgImage의 모든 도구는 가입, 워터마크, 처리 파일 수 제한 없이 무료로 사용할 수 있어요.
휴대폰에서도 작동하나요?
네. 휴대폰, 태블릿, 컴퓨터의 최신 브라우저에서 모두 작동해요. 큰 파일은 컴퓨터에서 더 빠르게 처리돼요.