AVIF SVG 변환

AVIF 이미지를 디자인 도구, 아이콘 칸, SVG 전용 업로더가 받는 .svg 파일로 저장합니다. 픽셀은 그대로 SVG 안에 들어가므로, 로고를 변환하기 전에 첫 번째 섹션을 읽고 원하는 결과가 맞는지 확인하십시오.

또는 JPG, JPEG, JPE … 파일을 여기에 끌어다 놓으세요 ·

파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제

출력

변환할 형식

파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.

사용 방법

1
AVIF 이미지 업로드
.avif 파일을 20개까지 업로드 영역에 끌어다 놓거나 기기에서 고르십시오. 파일당 최대 95 MB입니다.
2
출력 형식과 크기 확인
변환할 형식은 이미 SVG로 설정되어 있습니다. 담기는 이미지를 원본보다 작게 하려면 고급 설정의 출력 이미지 크기 조절을 쓰십시오.
3
변환 후 저장
SVG로 변환을 누르고 .svg를 하나씩 받거나 여러 개를 ZIP 하나로 받으십시오. 브라우저 탭에서 파일을 열어 원하는 대로 보이는지 확인하십시오.

답변

AVIF를 SVG로 변환할 수 있습니까?

있습니다. 다만 AVIF는 픽셀 격자이고, 형식을 바꾼다고 픽셀이 벡터 도형이 되지는 않습니다. 이 페이지는 AVIF 이미지를 담은 SVG를 만들어 SVG 전용 업로드 조건을 충족시킵니다. 확대하거나 커팅할 로고라면 이미지 SVG 변환으로 패스를 추적하십시오.

AVIF SVG 변환: 변환된 파일에 담기는 것

AVIF는 Alliance for Open Media에서 나왔습니다. 이 단체는 2019년 AV1 Image File Format 규격을 발표했고, 이를 AV1 동영상 코덱 위에 만들었습니다. AVIF는 사진을 압축된 픽셀로 저장합니다. 2001년에 나온 W3C 형식인 SVG는 패스, 도형, 텍스트, 채우기 같은 그리기 명령을 XML로 저장합니다. 두 형식은 그림을 완전히 다른 방식으로 기술합니다.

SVG에는 그림 안에 비트맵을 배치하는 image 요소가 있으며, 이 변환은 그것을 사용합니다. 결과는 원래 픽셀 크기와 투명도를 그대로 담은 유효한 .svg입니다. 브라우저, Figma, Inkscape, SVG 전용 업로드 칸은 이를 SVG 파일로 받아들입니다.

다만 그림의 성격을 바꿀 수는 없습니다. 충분히 확대하면 AVIF에 있던 그 픽셀이 그대로 보입니다. 도형이 없고 포함된 이미지 하나뿐이므로 개별 도형의 색을 바꾸는 것도 불가능합니다.

비트맵 포함인가 벡터 추적인가: 변환 전에 고르기

이 페이지

AVIF를 SVG에 포함

그림을 있는 그대로 SVG에 복사합니다.

원본과 똑같이 보임
사진과 그러데이션에도 적합
투명도 유지

이미지 SVG 변환

AVIF를 패스로 추적

가장자리와 색 영역을 벡터 도형으로 바꿉니다.

흐려지지 않고 확대됨
색마다 편집 가능
커팅기가 따라갈 수 있음

4 : 3포함된 이미지 3바이트당 base64 텍스트 글자 수

비트맵을 담은 SVG가 비트맵 파일 자체보다 큰 이유입니다.

AVIF

AV1 이미지 파일 형식(AVIF)

AVIF는 AV1 동영상 코덱으로 압축한 정지 이미지와 이미지 시퀀스를 저장하는 형식으로, 2019년 Alliance for Open Media가 확정했습니다. 같은 화질에서 대개 JPEG와 WebP보다 파일이 작고, 투명도, 애니메이션, 광색역, HDR을 지원합니다. 기존 형식보다 인코딩이 느리고, 낮은 품질 설정에서는 아주 미세한 질감이 뭉개져 보일 수 있습니다. 주요 브라우저는 모두 AVIF를 표시하지만, 많은 데스크톱 앱과 SNS 플랫폼, 오래된 기기에서는 열리지 않습니다.

압축 방식: 손실 또는 무손실
투명도: 예
애니메이션: 예
도입 연도: 2019 · Alliance for Open Media

AVIF 변환

SVG

SVG 벡터 그래픽(Scalable Vector Graphics)

SVG는 2001년 W3C가 표준화한 XML 기반 벡터 형식입니다. 픽셀 대신 도형, 패스, 텍스트를 기술하므로 어떤 크기에서도 선명하고, 로고와 아이콘은 보통 용량이 아주 작습니다. 투명도, CSS 스타일, 스크립트, 애니메이션을 지원하며 모든 브라우저가 기본으로 렌더링합니다. SVG는 사진에는 맞지 않고, 복잡한 일러스트는 렌더링이 느려질 수 있습니다. Illustrator, Inkscape, Figma와 브라우저에서 열고 편집할 수 있습니다.

압축 방식: –
투명도: 예
애니메이션: 예
도입 연도: 2001 · W3C

SVG 변환

.avif로 저장된 웹사이트 이미지를 SVG만 받는 칸에 넣어야 할 때, 또는 편집 가능한 로고를 얻으려 할 때 AVIF SVG 변환을 찾습니다. 앞의 경우는 감싸기가, 뒤의 경우는 벡터 추적이 필요합니다.

AVIF SVG 변환에 관한 흔한 오해

오해.svg로 저장한 파일은 무엇이든 선명도 손실 없이 확대된다.

사실깔끔하게 확대되는 것은 벡터 부분뿐입니다. SVG 안에 포함된 AVIF나 PNG는 원래 비트맵과 똑같이 흐려집니다.

오해모든 AVIF SVG 변환기는 이미지를 추적한다.

사실단순한 형식 변환은 이 페이지처럼 비트맵을 포함시킵니다. 텍스트 편집기로 SVG를 열어 긴 base64 덩어리가 있다면 추적이 아니라 감싼 것입니다.

오해사진을 추적한 SVG가 원래 사진보다 낫다.

사실사진을 추적하면 톤이 사라지고 포스터처럼 단순해집니다. 인물이나 풍경이 아니라 단순한 그림에 맞는 방법입니다.

AVIF SVG 변환 자주 묻는 질문

AVIF 사진을 진짜 벡터 그래픽으로 만들 수 있습니까?

사진처럼 보이게 유지하면서는 불가능합니다. 벡터 파일은 도형과 채우기를 기술하는데, 사진에는 미묘한 톤이 수백만 개 있어 추적하면 포스터처럼 색이 뭉개지거나 용량이 엄청나게 커집니다. 사진이라면 이 페이지에서 만드는 이미지 포함 SVG나 일반 PNG가 정직한 선택입니다.

SVG를 확대하면 왜 흐려집니까?

안에 든 AVIF가 여전히 고정된 픽셀 격자이기 때문입니다. SVG 껍데기는 자유롭게 늘어나지만 그 안의 비트맵은 디테일이 늘지 않습니다. 추적으로 만든 패스만 어떤 크기에서도 선명합니다.

Cricut이나 레이저 커터가 이 SVG를 받아 줍니까?

대개 열리기는 하지만 자를 것이 없습니다. 커터와 플로터는 패스를 따라가는데, 포함된 비트맵에는 패스가 없습니다. 칼날이나 레이저가 따라갈 윤곽선이 필요하면 이미지 SVG 변환에서 이미지를 추적하십시오.

AVIF의 투명도가 SVG 안에서도 유지됩니까?

유지됩니다. AVIF와 SVG 모두 알파 채널을 지원하므로, 누끼 로고나 스티커를 색이 있는 페이지에 SVG로 배치해도 투명 배경이 남습니다.

SVG 파일이 AVIF보다 큰 이유는 무엇입니까?

AVIF는 현재 쓰이는 가장 효율적인 이미지 코덱 중 하나인 반면, 포함된 이미지는 보통 base64 텍스트로 SVG에 기록되어 3바이트마다 약 4글자가 듭니다. .svg는 처음 AVIF보다 눈에 띄게 커진다고 생각하십시오.

만들어진 SVG는 어떤 앱에서 열립니까?

최신 브라우저, Inkscape, Figma, Illustrator, 대부분의 오피스 프로그램이 SVG를 읽습니다. SVG는 그리지만 AVIF 디코더가 없는 프로그램은 빈 틀만 보여 줄 수 있으니, 아무것도 표시되지 않으면 AVIF PNG 변환으로 만든 PNG를 대신 배치하십시오.