SVG에는 모양, 일반 이미지 또는 둘 다 들어갈 수 있습니다. 전체만 움직인다면 먼저 그룹을 선택한 것은 아닌지 보세요.

편집기에서 확인하기

  1. 복사본을 Figma, Inkscape, Illustrator에서 엽니다.
  2. 레이어나 객체 패널에서 그룹을 펼칩니다.
  3. 안쪽 모양의 색을 바꾸고 윤곽의 점을 움직인 뒤 실행 취소합니다.
  4. 다른 부분도 확인합니다. 모양과 이미지가 섞일 수 있습니다.

선택 상자가 하나라고 해서 이미지인 것은 아닙니다. 그룹에도 하나가 표시됩니다. 글자가 윤곽이면 단어를 입력해 바꿀 수 없으므로 텍스트를 다시 만드세요.

선택 사항: 코드 확인

텍스트 편집기에서 복사본을 열고 <image를 찾으세요. href가 이미지 파일을 참조하거나 이미지 데이터를 담고 있다면 모양으로 변환한 것과 다릅니다. path, circle, rect, polygon은 모양을 나타내지만 하나가 있다고 전체가 벡터인 것은 아닙니다.

봉투에서 시험하기

강아지 SVG의 그룹을 펼쳐 빨간 봉투 일부의 색을 바꾼 뒤 되돌리세요. 접힌 선과 파란 모양의 점도 확인하세요. 단순 확대보다 유용한 검사입니다.

원본 이미지
원본 이미지
변환된 SVG
변환된 SVG
원본 세부 모습
원본 세부 모습
변환 후 세부 모습
변환 후 세부 모습
원본 이미지 · 변환된 SVG · 이 예제를 만든 방법

이미지만 있다면 원본 벡터를 요청하거나 선명한 원본 이미지를 변환하세요. ImageSVG는 비트맵을 삽입하지 않지만 이미지 속 글자를 입력 가능한 텍스트로 만들지는 않습니다.

도형과 이미지가 섞인 파일 확인하기

학습용 SVG를 다운로드해 편집기에서 열고 그룹을 펼치세요. 왼쪽 삼각형은 점을 편집할 수 있지만 오른쪽은 PNG 이미지입니다. 왼쪽 색상을 바꾼 뒤 오른쪽도 시도해 보세요. 둘 다 선명해 보이지만 벡터 도형은 왼쪽뿐입니다. 설명을 위해 만든 파일이며 ImageSVG 변환 결과가 아닙니다.

학습용 SVG를 다운로드해 편집기에서 열고 그룹을 펼치세요. 왼쪽 삼각형은 점을 편집할 수 있지만 오른쪽은 PNG 이미지입니다. 왼쪽 색상을 바꾼 뒤 오른쪽도 시도해 보세요. 둘 다 선명해 보이지만 벡터 도형은 왼쪽뿐입니다. 설명을 위해 만든 파일이며 ImageSVG 변환 결과가 아닙니다.

SVG ↓