블로그에서 이미지 삽입 가이드


🧠 이미지 실전 활용 팁

상황이미지 전략
블로그 메인 포스팅상단 대표 이미지 (감성/브랜드 무드 강조) + 중간중간 서브 이미지
How-to / 설명 콘텐츠인포그래픽, 단계별 시각 자료
짧은 에디토리얼감성 이미지 1~2장으로 분위기 조성
뉴스레터 전용 글대표 이미지 1장 + 가볍게 인용형 시각 요소

⚙️ 참고: 이미지 최적화 체크리스트

  • 파일 용량: 200KB 이하 권장 (WebP 사용 추천)

  • 이름: 관련 키워드 포함된 파일명 (예: zero-waste-bathroom.jpg)

  • Alt 태그: 핵심 키워드 포함 설명 문구

동일한 사이즈로 통일 (예: 가로 1200px로 통일)

  • 이미지  추천 위치별 전략 

1. 최상단 (본문 시작 전)

  • ✅ 목적: 독자의 관심 끌기 + SNS 썸네일용

  • ✅ 효과: 클릭률↑, 공유율↑, 브랜드 무드 전달

  • ✅ 추천 이미지: 감성 사진 / 메인 주제 상징 / 브랜드 컬러 톤

  • 💡 예: Zero Waste 실천법 글 → 깔끔한 욕실이나 에코백 사진

2. 첫 번째 H2(소제목) 직후

  • ✅ 목적: 본문 진입 직후의 몰입도 향상

  • ✅ 효과: 텍스트 부담 줄이고, 주제 이해도 향상

  • ✅ 추천 이미지: 요점 요약 이미지 / 키비주얼 인포그래픽

3. 설명 파트 or How-to 중간

  • ✅ 목적: 복잡한 설명 보완 or 실습 가이드

  • ✅ 효과: 정보 전달력↑, 이탈률↓

  • ✅ 추천 이미지: 순서도, 표, before/after, 예시 사진

  • 💡 예: "천연비누 보관법" 글 → 비누 스탠드 사용 사진

4. 글 중반 리듬 전환 지점

  • ✅ 목적: 긴 글에서 리듬 변화, 피로감 감소

  • ✅ 효과: 체류시간↑, 완독률↑

  • ✅ 추천 이미지: 인용구 이미지, 분위기 환기용 사진

5. 끝맺음 또는 CTA(Call to Action) 근처

  • ✅ 목적: 감정적 여운 + 행동 유도

  • ✅ 효과: 구독, 클릭, 공유 유도

  • ✅ 추천 이미지: 공감 포스터, 따뜻한 마무리 사진, 관련 제품 이미지


✍️ 총정리: 이미지 위치 체크 리스트


위치효과이미지 예시
상단 클릭유도 & SNS썸네일     대표 사진, 감성 비주얼
첫 소제목 후    몰입도↑       요약 인포그래픽
본문 중간정보 보강     가이드, 사용법
중반 리듬시각적 환기     명언, 인용 이미지
결론 부근행동 유도     제품, 자연, 감성 마무리

✅ 워드프레스 이미지 최적화 기본 가이드

📁 1. 이미지 포맷

포맷특징추천 용도
WEBP고화질 + 용량 작음 (최신 브라우저 지원)✅ 모든 용도에 가장 추천
JPEG (JPG)고화질 but 용량 큼배경 이미지 / 사진
PNG투명 배경 / 선명한 그래픽로고, 아이콘, 도식
SVG벡터 (선명함, 용량 작음)아이콘, 로고 (단, 보안 주의)

💡 WEBP는 JPEG보다 약 25~35% 용량이 작지만 화질은 거의 동일하게 유지돼요.
워드프레스는 최신 버전에서 기본 지원하며, 플러그인 없이도 대부분 사용 가능.

📏 2. 이미지 크기 (사이즈)

용도권장 크기 (px)설명
대표 이미지 (썸네일, 블로그 메인)1200 x 630SNS 공유 & SEO 최적 사이즈
본문 가로형 이미지800~1200px width콘텐츠 폭 기준으로 최적화
세로형 인포그래픽800 x 최대 1500px모바일 가독성 고려
아이콘 / 로고100~300pxPNG or SVG 추천

⚠️ 주의: 이미지가 너무 크면 브라우저에서 자동 리사이즈 되어도 로딩은 원본 기준으로 됩니다.

⚙️ 3. 압축 / 퀄리티 설정값

툴설정 권장설명
TinyPNG / TinyJPG자동 압축 (WEBP로 저장도 가능)간편하고 고효율
Squoosh.appWebP + 품질 75~85%브라우저에서 조절 가능
PhotoshopExport for Web → 품질 70~80%전문가용 제어 가능

💡 워드프레스에 올리기 전에 항상 최대 300KB 이하로 맞추는 걸 추천 (대표 이미지 기준)

✅ 워드프레스 최적화 팁

✔️ 이미지 리사이즈 후 압축
✔️ 가능하면 WEBP 사용
✔️ 업로드 후에도 이미지 최적화 플러그인 추천:

  • ShortPixel (자동 압축 + WebP 변환)

  • Smush (초보자에게 쉬움)

  • Imagify (빠르고 깔끔함)

✅ 결론: 대표 포맷 & 세팅 조합 추천

용도포맷사이즈권장 퀄리티용량
블로그 대표 이미지WEBP1200 x 63075~85%~200KB
본문 가로형WEBP1000 x auto75~85%~150KB
제품/인포그래픽PNG / WEBP800~1200px width최대한 선명하게~250KB
아이콘/로고SVG / PNG100~300px원본 유지~50KB

댓글

댓글 쓰기

이 블로그의 인기 게시물

당뇨병도 디지털로 도움 받는 세상, 알게 된 사실들

이미지
나에게 소중한 가족이 2형 당뇨 진단을 받은 지 얼마 되지 않은 것 같은데, 작년에 1단계에서 2단계로 약을 올려야 한다는 이야기를 들었다. 이제 40대인데도 당뇨약과 동시에 혈압약도 시작해야 한다는 소식을 접하며, 당뇨가 얼마나 무서운 병인지 다시 한번 알아보게 되었다. 당뇨의 무서운 연결 고리 당뇨는 단순한 혈당 조절 문제를 넘어 혈관 건강과 직결되기 때문에 여러 파생 문제를 낳기 쉬운 환경이 된다. 혈관이 나빠지면 고혈압, 심혈관 질환 등의 위험이 함께 증가하며, 이런 질환들이 ‘세트’가 아닌가 싶을 정도로 함께 발병하는 경향이 있다. 또한 혈당 스파이크(급격한 혈당 상승)가 반복되면 혈관 손상이 심해져 합병증의 위험이 더욱 높아진다. 유전병이라는 말 많은 사람들이 쉽게 당뇨가 유전이니 어쩔 수 없다는 듯이 쉽게 말한다. 그런데 어쩌면 단순히 '당뇨 유전자'라는 것이 때문이라기 보다는, 단 것을 좋아하는 '입맛'과 절제적인 정도와 같은 '성격'이 유전적으로 영향을 받고, 그리고 가정 내에서 형성된 '식습관'이 대물림 된다는 것이 그 유전이라는 것의 요체는 아닐까? 가족력이 있다는 뜻은, 가정 환경에서 어릴 때부터 익숙해지고 오랜 기간 축적된 생활 습관 자체가 당뇨 발병 가능성을 높일 수 있다는 뜻이기도 할 것이다.  실제로 1형 당뇨라면 자가 면역 질환으로 췌장이 인슐린을 거의 생산하지 못하니 정말 유전자의 영향이라고 말할 수 있는 반면, 2형 당뇨는 인슐린 분비는 정상적으로 되나, 인슐린 수용체들이 제 역할을 못할 만큼 망가져 세포가 인슐린을 못 받아들이는 인슐린 저항성이 문제인 상태로 '본인의 선택과 행동에 따라 충분히 예방하고, 관리하고, 조절할 수 있는 질환'이라고 의학계에서는 말한다. 생활 습관이 부르는 병  최근에는 디저트 문화의 발달과 과일의 품종 개량으로 인해 더욱 높은 당도를 가진 음식들이 많아지면서, 젊은 연령층에서도 당뇨 환자가 증가하고 있다. 실제로 젊은 당뇨 환...
자세한 내용 보기

사업 기획 및 퀵 테스트- 사업 기획

이미지
내가 중요하게 생각하는 세 가지 사회 문제 (환경보호, 코리아 프리미엄, 디지털 디바이드)에 기여하는 방향으로 나의 사업 모델들을 구상하였고, 그 중에서 가장 시급해보이는 디지털 격차에 대한 문제를 해결하는 비즈니스를 빠르게 먼저 테스트해보기로 했다. 그래서 한 달 동안 바짝 테스트를 위해 진행했던 것들은 다음과 같다. I. 사업 기획 : 사업 모델 기획 > 수익 모델 구체화 > 수익성 시뮬레이션  II. 브랜드 및 마케팅 기획 : 브랜드 기획 > 로고 제작 > USP 정리 > 광고 시안 기획 III. 마케팅 실행 및 노출 : 전용 전화번호 개통 > 시나리오별 ARS 응답 설정 > 카카오톡 플러스 친구 개설 > 온/오프라인 광고 제작 > 지류 광고 인쇄> 온라인/ 지면 광고 게재, 지류 광고 전단 살포  IV. 성과 분석 및 시사점 도출 : 매일 소재 별 온라인 광고 성과 비교 및 실적 트래킹 > 캠페인 전체 종료 후 사후 평가 > Go/No-Go 결정 나는 디지털 마케터 출신이지만 스스로 광고 디자인을 제작하거나 내 손으로 직접 캠페인을 돌려본 적은 없는, 늘 그냥 기획하고 대행사에게 지시만 하던 '광고주'였기도 하고, 실무에서 벗어난 지 시간이 꽤 되기까지 해서 사실 하나하나 맨땅에 헤딩하듯이 Chat GPT를 열심히 붙들고 물어물어가면서 하나씩 진행하였다.  물론, 디지털도 마케팅도 경험 없는 사람들보다는 훨씬 나은 상황임을 부인하지는 않겠다. 적어도 광고를 게재하려면 선결적으로 무엇들이 필요하고, 효과적인 테스트와 진행을 위해서는 어떤 방법론들을 강구해볼 수 있고, 어떤 지표들을 염두에 두고 확인해보기 위한 테스트를 기획하며, 또 무엇을 기준으로 성공 여부를 판단할 지는 내가 다 이미 꿰어차고 있는 부분이었다.  사실 Chat GPT를 활용하면서도 "내가 이런 것을 알고 있지 못했다면, 뭐가 필요한지 구체적으로 물어볼 수도 없었겠다" 싶은 지점을 ...
자세한 내용 보기

사업 기획 및 퀵 테스트- 브랜드 및 마케팅 기획

이미지
지난번 글에서 사업 모델 기획에 대해 다뤘었고, 이번에는 두 번째 파트로 브랜드와 마케팅 기획에 대해 했던 일들을 써본다.   II. 브랜드 및 마케팅 기획 내가 퀵하게 이 부분에서 했던 일들은 브랜드 기획 > 로고 제작 > USP 정리 > 광고 시안 기획이었는데, '퀵하게 테스트를 하는 것'에 의의가 있었기 때문에, 하나하나의 단계별로 시간을 많이 쓰거나 예술적인 경지까지 아름답게 완성하지 않고 마무리하는 것에 중점을 두었음을 미리 밝힌다. 1. 브랜드 기획 이전 사업기획 단계에서 '무엇을' 팔 것 인가를 결정했지만, 그것을 잠재 고객들에게 그것을 '어떻게 전달할 것인가' 하는 부분부터는 브랜드 및 마케팅 영역으로 넘어오게 된다. 브랜드의 출발이 되는 사명을 어떻게 할 것인가에 대해서 고민에 너무 많은 시간을 들이지는 않으려고 특별히 신경을 썼다.  돌이켜보면 역사상 가장 힙하다는 브랜드 중 하나인 "애플"과 같은 기업은 뉴턴의 사과니 뭐니 아무리 갖다 붙여도 우리말로 받아들이자면 고작 '사과'라는 과일을 지칭하는 보통 명사라니, 컴퓨터와 테크와 얼마나 연관성이 있는지, 어디까지 내다보고 작명한 것인지 모르겠지만 결국 역사상 위대한 브랜드가 되었다. 결국 시작부터 브랜드명 자체에 너무 많은 공을 들이거나 의미를 부여하기보다는, 혹시 그 브랜드가 훗날까지 가게되어도 부끄럽지 않을 정도만 목표로 하고, 껍데기보다는 내실에 더 충실할 수 있도록 신경을 쓰기로 했다. 아무래도 어르신들을 대상으로 하는 서비스이기도 하고, 워낙 영문으로 된 브랜드만 남발되고 있는 세상이 안타까워 1) 쉽게 기억할 수 있는 '짧은 음절의 순 우리말'이면서도 2) '영문으로도 표기하기 쉬운 발음'이면서 3) 따뜻한 마음이나 '도움의 손길'과 같은 뉘앙스가 포함된 단어를 찾기로 했다.  AI 세상을 활용하기가 너무도 좋은 것이, 예전같으면 우리말 사전을 한참...
자세한 내용 보기