SVG 최적화 도구

SVG 최적화 도구 목록

이 기사는 명령 줄 도구, 데스크탑 응용 프로그램, 웹 응용 프로그램, API 및 소프트웨어 자체 기능을 다루는 다양한 SVG 최적화 도구를 소개하고 심층 학습 리소스를 권장합니다. 많은 도구가 더 이상 유지 관리되지 않지만 여전히 사용할 수 있으며 조합으로 사용할 수 있습니다.

명령 줄 도구

• SVGO (현재 가장 인기있는 도구)
• 설사
• svgcleaner

이러한 도구는 더 이상 적극적으로 유지 관리되지 않지만 여전히 SVG를 효과적으로 최적화 할 수 있습니다. 단일 도구로 제한 될 필요가 없으며 실제 상황에 따라 적절한 도구 조합을 선택할 수 있습니다.

작업 러너와 결합 된 명령 줄 도구

• Grunt-Svgmin
• gulp-svgmin
• gulp-svgo
• svgo-loader (웹 팩)

이 플러그인은 SVGO와 같은 도구를 프론트 엔드 워크 플로에 통합 할 수 있습니다.

데스크탑 응용 프로그램

• ImageOptim (MacOS)
• MACOS "폴더 작동"
• svgo gui (쓸데없는, 32 비트)

Windows 및 Linux 시스템에는 공통 이미지 최적화 소프트웨어가 있지만 SVG 지원은 추가 확인이 필요합니다.

웹 응용 프로그램

이 도구는 온라인 최적화를 위해 개별 SVG 파일을 업로드하기에 편리합니다.

• svgomg
• 나노
• 크라켄
• SVG 미니 시퍼
• SVG 최적화기
• SVG 편집자

API

• ImageOptim 웹 서비스 API
• 크라켄
• imgix (SVG 지원 필요)
• Cloudinary (주로 업로드에 사용, 최적화 기능은 아직 명확하지 않음)

디자인 소프트웨어에는 최적화 기능이 제공됩니다

소프트웨어로 내보낸 SVG를 설계하려면 일반적으로 최적화가 필요하지만 소프트웨어 자체는 또한 몇 가지 최적화 기능을 제공합니다.

• 스케치 : SVGO- 코프워저 (및 SVGITO 웹 응용 프로그램)
• Figma : 기본적으로 특정 최적화 기능을 제공합니다
• 일러스트 레이터 : 지금 SVG
• inkscape : "최적화 된 SVG"(내부로 서서 사용)를 내보내거나 svgo-inkscape 사용

심층 학습 리소스

다음 기사와 비디오는 SVG 최적화에 대한 더 깊은 이해를 얻는 데 도움이됩니다.

• Michelle Barker : 웹 쪽 SVG 최적화
• Jayden Seric : SVG를 최적화하는 방법
• Sara Soueidan : 웹 및 실용적인 SVGO 최적화 도구를위한 더 나은 SVG를 생성하고 내보내기위한 팁
• Cosima Mielke : SVG의 편집, 변환 및 최적화를위한 도구 및 리소스
• Jake Giltsoff : 웹 쪽 SVG, 준비 및 최적화
• Andreas Larsen : 웹 사용을위한 SVG 최적화
• Josh Stoik : 웹 측 SVG 최적화

수동 SVG 최적화

• Raymond Schwartz : SVG 최적화를 이해하고 수동으로 향상시킵니다
• Amberd Design Studio : SVG 파일을 점차 최적화하는 방법
• 비디오 튜토리얼 : 일러스트 레이터의 벡터 포인트 감소
• Kevin Powell 비디오 자습서 : SVG를 생성, 청소 및 최적화하는 방법
• Brenda Storer 프레젠테이션 : SVG 코드 해석
• Dudley Storey : SVG 최적화 : 기본

참고 :

1. 더 이상 유지되지 않는 도구 : SVGO, Scour, SVGCleaner. ( 업데이트 : SVGO는 이제 유지 보수로 복원되었습니다.)
2. Wikipedia의 Johannes Kalliauer는 모든 도구에 장점이 있다고 지적합니다. SVGO는 인기가 있지만 가장 많은 버그가 있습니다. SVGCleaner는 가장 빠른 속도를 가지고 있습니다. SCORE 및 SVGCLEANER는 손상된 SVG를 고칠 수 있지만 SVGO는 할 수 없습니다.

위 내용은 SVG 최적화 도구의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!