Web Development/CSS (1) 썸네일형 리스트형 [CSS, svg] svg, 가로 세로 사이즈 변경하기 SVG 이미지란?무엇인가?Scalable Vector Graphics(SVG): 확장 가능한 벡터 그래픽 형식입니다. SVG는 다양한 도형을 그릴 수 있는 명령어 집합을 제공하는 텍스트 기반 이미지 형식입니다.왜 사용하는가?확장성: 화면 크기가 변해도 깨지지 않는 선명한 이미지를 제공합니다.저용량: 큰 이미지도 상대적으로 작은 파일 크기로 저장할 수 있습니다.SEO 친화적: 텍스트 기반이기 때문에 검색엔진에 의해 색인화가 가능하여, SEO에 유리합니다.빠른 로드 속도: http 요청을 통해 이미지를 불러오지 않아도 되기 때문에 로드 속도가 빠릅니다.왜 사용하지 않는가?복잡한 이미지: 이미지의 구성요소가 복잡해지면 파일 크기가 급격히 커질 수 있습니다. 이미지의 preserveAspectRatio 속성pr.. 이전 1 다음