VelogImg

Velog 글 작성 중 마크다운 이미지 문법()을 HTML <img> 태그로 변환하여 이미지의 설정을 손쉽게 조절할 수 있도록 도와주는 크롬 확장프로그램입니다.

VelogImg는 Velog 글 작성 중 이미지를 더 쉽고 직관적으로 다룰 수 있도록 도와주는 Chrome 확장 프로그램입니다. 마크다운 이미지 문법(![]())으로 삽입한 이미지를 HTML <img> 태그 기반으로 변환하여, 정렬 · 크기 · 다중 이미지 레이아웃을 UI로 간편하게 설정할 수 있습니다. 주요 기능 🖼 이미지 정렬 - Left / Center 📐 이미지 크기 조절 - 버튼으로 빠르게 선택: 25 / 50 / 75 / 100 (%) - 직접 퍼센트 입력 가능 (1 ~ 100) 🧩 다중 이미지 레이아웃 - HTML <table> 태그를 활용한 2열 / 3열 이미지 row 배치 지원 - 이미지들을 깔끔한 그리드 형태로 구성 가능 UI 상태가 항상 동기화되어, 현재 이미지에 적용된 옵션을 한눈에 확인할 수 있습니다. 기존에는 이미지 정렬이나 크기 조절을 위해 HTML 태그를 직접 수정해야 하는 번거로움이 있었지만, VelogImg는 클릭 몇 번만으로 원하는 이미지 설정을 만들 수 있도록 설계되었습니다. 사용 방법 1. Velog 글 작성 페이지에서 이미지를 삽입합니다. 2. 좌측 마크다운 기반 이미지 텍스트를 클릭하거나, 우측 실제로 보이는 이미지를 클릭합니다. 3. 이미지 위에 나타나는 VelogImg UI에서 - 정렬 - 크기 - 레이아웃 간편 배치 옵션을 원하는 대로 설정합니다. 설정 내용은 즉시 에디터에 반영됩니다. 주의 사항 - 본 확장프로그램은 Velog(https://velog.io)에서만 동작합니다. - Velog 에디터 정책 변경에 따라 동작이 달라질 수 있습니다. 🧪 버전 히스토리 v1.0.0 - Right 정렬 및 Border 기능 제거 (실제 글 게시시에 기능 발현하지 않아 제거하였습니다.) - Table 태그 기반 다중 이미지 배치 기능 구현 - UI 단순화 및 핵심 기능 중심 재구성 v0.1.1 - 이미지 Border ON / OFF 기능 추가 - px 단위 테두리 두께 직접 입력 지원 - 버튼 active 상태 UI 개선 v0.1.0 - 이미지 정렬(left / center / right) 기능 - 이미지 크기 조절 UI 제공 - left / right 정렬 시 자동 <br clear="all"> 처리