SVG 아이콘 갤러리 | 피클웹 Labs 1주 전 · Page Heroicons, Lucide 등 인기 오픈소스 SVG 아이콘을 검색하고 클릭 한 번으로 코드를 복사할 수 있습니다.
SVG 아이콘 장점과 활용법 6일 전 · Blog SVG 아이콘의 장점과 사용법을 정리했습니다. 웹사이트 제작에 자주 쓰는 벡터 이미지 아이콘의 특징과 활용 방식을 쉽게 확인해 보세요.
Illustrator 없이 AI 파일을 웹용 SVG로 변환하는 쉬운 방법 3주 전 · Blog 일러스트레이터 없이 AI 파일을 웹용 SVG로 변환하는 방법과 변환 후 코드 최적화, 웹 적용 시 주의사항을 정리했습니다.
SVG 변환 도구 3주 전 · Blog SVG 파일을 URL-safe 문자열로 변환하는 온라인 도구를 소개합니다. CSS background-image 등에서 인라인으로 사용할 수 있도록 SVG를 인코딩할 수 있습니다.
피클웹 Labs - 웹 개발 실험실 | 오픈소스 예제 & 실무 가이드 1주 전 · Page 피클웹 Labs에서 웹 개발에 바로 활용할 수 있는 오픈소스 예제와 실무 가이드를 제공합니다. SVG 아이콘 갤러리, 국제 전화번호 입력, 카카오톡 상담 연동 등 다양한 웹 개발 리소스를 확인하세요.
웹사이트 제작에 유용한 이미지 편집 프로그램과 변환 도구 1주 전 · Blog 웹사이트 제작에 필요한 이미지 편집 프로그램과 변환 도구를 정리했습니다. 배너 제작, 이미지 최적화, 파일 변환, 웹사이트 운영에 맞는 도구 선택에 도움이 됩니다.
웹표준이란 무엇인가? 1주 전 · Blog 웹표준의 뜻과 장점, 구조와 표현의 분리, 웹 접근성, 크로스 브라우징, SEO 효과까지 쉽게 정리했습니다. 관련 검사 도구도 함께 확인해보세요.
포토샵 없이 가능한 무료 온라인 이미지 편집 도구 모음 3주 전 · Blog 설치 없이 브라우저에서 바로 사용할 수 있는 무료 온라인 이미지 편집 도구를 모아 디자인 수정과 빠른 작업에 활용할 수 있도록 정리했습니다.
웹사이트 디자인에 유용한 아이콘 폰트 추천과 활용 방법 3주 전 · Blog 홈페이지, 쇼핑몰에 자주 쓰는 아이콘 폰트와 공식 사이트를 정리해 SNS 로고, 연락처 아이콘, UI 요소를 빠르게 적용할 수 있도록 구성했습니다.
파비콘(Favicon), 쉽게 잘 만드는 방법 3주 전 · Blog 파비콘의 개념부터 포맷 선택, 크기 구성, HTML 적용 방법까지 웹사이트 브랜드 식별성을 높이는 실무 절차를 정리했습니다.
웹표준이란? 3주 전 · Blog 웹표준은 W3C가 주도하는 웹 기술 사양으로, 크로스 브라우징, SEO, 접근성 향상에 필수적입니다. 구조언어와 표현언어 분리 원칙과 검증 도구를 소개합니다.
홈페이지에 넣을 회사 로고는 어떻게 하나요? 1개월 전 · Blog 회사 로고가 있는 경우와 없는 경우 각각 어떻게 준비해야 하는지 안내합니다. AI 로고 제작 도구 Tailor Brands 링크도 함께 제공합니다.
스쿠시 20시간 전 · Link card 스쿠시는 구글이 제공하는 무료 온라인 이미지 압축 및 변환 도구입니다. JPEG, PNG, WebP, GIF, SVG 등 다양한 이미지 파일을 압축하거나 다른 형식으로 변환할 수 있으며, 최신 포맷인 AVIF 변환도 지원합니다.
잉크스케이프 20시간 전 · Link card 잉크스케이프 (Inkscape)는 벡터 그래픽 중심의 이미지 편집 프로그램입니다. 벡터 그래픽은 확대해도 깨짐이 적어 로고, 아이콘, 일러스트 작업에 적합합니다. SVG 기반 편집에 강하며 PDF, EPS 등 다양한 형식을 다룰 수 있습니다. 인쇄물이나 브랜드 자산 관리에도 활용도가 높...
