티스토리 사진 나란히 넣는 법｜HTML 몰라도 됩니다

블로그를 처음 시작했을 땐 아무것도 몰랐다.
제목 없이 글을 쓰고, 사진 정리도 못 하고, 그저 마음 가는 대로 썼다.

 

그런데 요즘은 다르다.
하나둘 팁을 배우고, 소제목도 달아보고, 사진 배치도 고민하게 됐다.
이 글은, 서툰 초보 블로거가 조금씩 변화해온 과정을 담은 이야기다.

 

티스토리 블로그를 운영하면서 글쓰기 습관과 글 구조, 이미지 배열 방식까지
블로그 콘텐츠를 구성하는 방식이 어떻게 달라졌는지 직접 겪은 변화들을 정리했다.

 

많은 분들이 내 글을 보셔서 아시겠지만,
난 컴퓨터 활용 이런 쪽에 많이 서툴다.

뭔가를 예쁘게 꾸민다거나,

사진을 정리해서 넣는다거나,
그런 건 잘 못한다.

그냥 글만 쓰는 것도 벅찬 편이다.

 

그래서 지금까지 쓴 글들도 보면
제목 없이 쓰거나, 중간에 소제목 없이

에세이처럼 쭉 이어지는 글들이 대부분이다.

요즘 들어서야 댓글로 조언도 좀 받고,
하나씩 팁도 배우면서 제목도 달아보고,

소제목도 넣어보는 중이다.

 

사진도 마찬가지다.
그냥 보이는 대로 올리고, 크기 조절도 안 하고,
두 장을 나란히 넣고 싶어도 그 방법을 몰라서
그냥 세로로 길게 쭉 이어붙였던 적이 많다.

근데 이게 기본 기능으로도 되는 거였음

티스토리에서

“사진 나란히 넣는 기능이 없다”는 말도 봤고
HTML로만 해야 한다는 얘기도 있어서,

아예 처음부터 시도도 안 했었다.

 

근데 우연히 실험해보다가 성공했다.
별거 아니었고,

그냥 사진 두 장을 동시에 올린 다음
한 장을 마우스로 옆으로 끌어서 붙였더니 나란히 들어갔다.

 

너무 허무할 정도로 간단했는데
그동안 못 해봤던 이유는 그냥 ‘된다는 걸 몰랐던 것’이었다.

내 방식 정리하면 이렇다

• 먼저 사진을 두 장 업로드
• 자동으로 세로로 쭉 나열되니까
• 그중 하나를 마우스로 옆으로 살짝 끌어다 붙임
• 너무 커 보이면 사진 크기 조절 (마우스로 모서리 드래그)
• 정렬도 가능 (왼쪽, 가운데, 오른쪽 정렬 버튼 활용)

딱 이거만 해도 사진 두 장 예쁘게 나란히 들어간다.
물론 모바일에서 너무 작아 보이면 크기 조절은 좀 필요함.

참고로 HTML 방식도 있긴 하더라

나처럼 기본 기능으로 해결 못 했거나
좀 더 정확하게 맞추고 싶은 분들은 HTML 코드 쓰는 방법도 있긴 하다.

예를 들어 아래처럼 쓰면 된다.

<table>
  <tr>
    <td><img src="이미지주소1.jpg" width="48%"></td>
    <td><img src="이미지주소2.jpg" width="48%"></td>
  </tr>
</table>

위 코드에서 "이미지주소1.jpg" 같은 부분은
직접 티스토리에 올린 이미지의 주소로 바꿔야 한다.

사진을 먼저 올리고,

주소 복사해서 그 자리에 넣으면 된다.

이거 쓰면 픽셀 단위까지 정리 가능하다고 한다.

근데 나는 아직까지는

그냥 기본 기능으로도 충분해서
HTML은 참고 정도로만 알아두고 있다.

아무튼 나도 했다. 여러분도 가능함

이 글 쓰는 이유는 딱 하나.
나도 성공했으니까, 분명 여러분도 가능하다.

 

사진 나란히 넣는 거,

별거 아니라고 생각했는데
막상 해보니까 소소하게 기분 좋고,
글도 좀 더 블로그처럼 ‘그럴싸해’ 보인다.

 

나처럼 이런 거 잘 몰라서 헤매는 분들 계시면
그냥 한 번 올리고,

마우스로 옆으로 슬쩍 밀어보시라.
진짜로 된다.

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

다른 글이 궁금하다면 아래 버튼을 눌러주세요.
공감하셨다면 따뜻한 커피 한 잔으로 응원해 주세요.

👉 조금 더 보고 가실래요?? ☕ 커피 한 잔 후원하기

☕ 커피 한 잔 응원은 모바일에서만 가능합니다.

여러분의 응원은 제 하루에 작은 힘이 됩니다.
감사합니다.

 

🙌 함께 읽어보세요

2025.05.07 - [애드센스 수익 도전기] - 애드센스 승인 메일이 왔다｜드디어 수익화의 문이 열리다

애드센스 승인 메일이 왔다｜드디어 수익화의 문이 열리다

2025.05.31 - [애드센스 수익 도전기] - 애드센스 1차 승인 팁 총정리｜2025년 승인 기간, 지연 이유까지 완벽 정리

애드센스 1차 승인 팁 총정리｜2025년 승인 기간, 지연 이유까지 완벽 정리