SVGcode는 래스터 이미지(JPEG 및 PNG 등)를 SVG 그래픽 파일로 자동 변환할 수 있는 새로운 프로그레시브 웹 앱입니다.
일반적으로 웹에서 볼 수 있는 이미지에는 두 가지 카테고리가 있습니다. 래스터 이미지(예: JPG, PNG, WebP 등)는 고정 해상도의 일련의 픽셀인 반면, 벡터 이미지(예: SVG)는 다양한 선과 모양을 사용합니다. 벡터 그래픽은 고해상도(또는 확대)에서 보기 흉하지 않기 때문에 로고 및 기타 단순한 이미지에 널리 사용됩니다. 그러나 처음부터 새로 만드는 데는 노동 집약적일 수 있습니다. 이제 표준 이미지에서 SVG를 생성할 수 있는 편리한 웹 앱인 SVGcode가 있습니다.
SVGcode는 Google에서 근무하는 개발자 관계 엔지니어인 Thomas Steiner가 만든 새로운 프로그레시브 웹 앱입니다(SVGcode 자체는 Google 제품이 아님). 브라우저에서 열면 svgco.de를 사용하면 PC에서 이미지를 열 수 있으며 자동으로 SVG로 "그려집니다". 대부분의 이미지는 괜찮은 모양의 SVG를 만들기 위해 약간의 조정이 필요하지만 이는 인상적인 웹 앱이며 래스터 로고의 더 깔끔한 벡터 버전을 만들고 싶은 경우 유용할 수 있습니다.
SVGcode는 Chromium 및 Firefox와 같은 웹 브라우저에 추가된 최신 API 중 일부를 기반으로 합니다. 핵심 그리기 기능은 다음을 기반으로 합니다. 포트레이스 프로젝트, 이 웹 앱의 웹 어셈블리 코드로 변환되었습니다. SVGCode는 완성된 파일을 클립보드에 복사할 수 있습니다( 비동기 클립보드 API), 이미지를 마우스 오른쪽 버튼으로 클릭하면 PC의 파일 관리자에 옵션으로 표시됩니다(파일 처리 API 사용), 장치에서 파일을 열거나 저장합니다( 파일 시스템 액세스 API). 심지어 새로운 것을 사용한다. 창 컨트롤 오버레이 API 설치 시 시스템 제목 표시줄을 숨겨 기본 애플리케이션과 같은 느낌을 줍니다.
SVGcode 개발 프로세스에 대한 자세한 내용은 다음에서 확인할 수 있습니다. Google 웹 개발 블로그의 블로그 게시물. PWA이기 때문에 최신 웹 브라우저를 사용하면 무엇이든 SVGcode를 사용하고 설치할 수 있습니다.