워드프레스블로그 사진과 문서 파일 올리는 방법
얼마 전 워드프레스블로그에 사용 설명서를 올리다가 같은 사진을 세 번 업로드한 적이 있다. 화면에는 똑같이 보였지만 미디어 라이브러리에는 이름이 다른 파일이 쌓여 있었다. 글을 고치는 시간보다 어떤 파일이 최종본인지 찾는 시간이 더 길었다. 그 뒤로는 업로드 전에 파일 이름, 크기, 쓰임새를 먼저 확인한다. 사진 몇 장과 문서 한 개만 다뤄도 이 순서가 꽤 큰 차이를 만든다.
올리기 전에 파일 이름부터 맞춘다
휴대폰 사진의 기본 이름이나 ‘최종_진짜최종’ 같은 이름은 나중에 찾기 어렵다. 나는 글의 주제와 파일의 역할을 짧게 묶어 이름을 붙인다. 예를 들어 압축 방법을 설명하는 글이라면 ‘사진압축-설정화면.jpg’, ‘사진압축-결과비교.jpg’처럼 만든다. 같은 화면을 다시 찍었다면 기존 파일을 지울지, 새 파일로 교체할지 결정한 뒤 업로드한다.
파일 이름에는 날짜를 무조건 넣지 않는다. 매달 갱신하는 서식처럼 시점이 중요한 자료에는 ‘견적서양식-2026-10.pdf’가 유용하지만, 오래 쓰는 메뉴 화면 사진에는 날짜가 오히려 헷갈릴 수 있다. 띄어쓰기와 특수문자도 줄이면 파일을 옮기거나 다시 내려받았을 때 이름을 읽기 편하다.
- 사진: 주제와 화면의 역할을 파일 이름에 적기
- 문서: 서식명과 필요한 경우에만 버전 또는 날짜 적기
- 중복 파일: 업로드 전에 한 개의 최종본만 남기기
이름을 바꾸는 데 파일당 10초쯤 걸린다. 반면 미디어 라이브러리에 ‘IMG_2048’ 같은 파일이 수십 개 쌓이면 필요한 사진 한 장을 찾는 데 몇 분씩 쓴다.
사진은 화면 크기에 맞춰 줄인다
글 본문에 가로 800픽셀 정도로 보일 사진을 원본 그대로 올릴 필요는 별로 없다. 가로 4000픽셀짜리 휴대폰 사진을 편집 화면에서 작게 끌어 줄여도, 원본 파일의 용량 자체가 줄어드는 것은 아니다. 먼저 컴퓨터나 휴대폰의 기본 사진 편집 기능으로 필요한 부분을 자르고, 본문에서 쓸 크기에 맞춰 내보내는 편이 간단하다.
예를 들어 설정 버튼을 보여줄 화면 캡처라면 주변의 빈 공간을 잘라낸다. 작은 글자가 중요한 화면은 지나치게 줄이지 않고, 실제 글 화면에서 글자가 읽히는지 확인한다. 사진은 JPEG처럼 용량을 줄이기 쉬운 형식이 편하고, 글자와 선이 많은 화면 캡처는 PNG가 더 또렷할 때가 있다. 어느 형식이든 저장 후 파일을 직접 열어 흐릿해진 곳이 없는지 보는 게 빠르다.
워드프레스의 미디어 설정에는 썸네일·중간·큰 이미지 크기를 지정하는 항목이 있다. 다만 이 설정을 바꾼다고 이미 준비한 원본 파일이 가벼워지는 것은 아니다. 업로드 전 크기 조절과 글에 삽입할 이미지 크기 선택을 따로 생각하면 덜 헷갈린다. 나는 먼저 원본을 보관하고, 게시용 복사본을 만든 뒤 그 복사본만 올린다.
글 편집기에서 설명과 파일을 함께 넣는다
사진을 올릴 때는 글 편집기의 이미지 블록에서 파일을 선택하거나 미디어 라이브러리에 올린 파일을 고르면 된다. 워드프레스 공식 문서에 따르면 이미지에는 제목, 캡션, 대체 텍스트, 설명을 입력할 수 있다. 이 중 대체 텍스트는 사진이 전달하는 내용을 짧게 적는 자리다. ‘이미지1’ 대신 ‘미디어 설정에서 큰 이미지 크기를 선택한 화면’처럼 쓰면 사진을 보지 못하는 사람도 맥락을 이해하기 쉽다.
캡션은 독자에게 화면에서 무엇을 봐야 하는지 알려줄 때 쓴다. 예를 들어 ‘오른쪽의 파일 크기를 확인’처럼 적으면 긴 설명 없이도 시선이 간다. 반대로 본문에 이미 같은 설명이 있다면 캡션까지 반복할 필요는 없다. 이미지 바로 앞이나 뒤 문장에서 클릭할 위치와 예상되는 결과를 알려주는 편이 친절하다.
PDF나 문서 양식을 올릴 때는 다운로드 파일만 덜렁 놓지 않는다. ‘빈 견적서 양식, PDF, 2쪽’처럼 파일의 내용과 형식을 글에 적는다. 수정해서 써야 하는 자료라면 편집 가능한 문서 파일인지도 알려준다. 방문자는 파일을 받기 전에 자신에게 필요한 자료인지 판단할 수 있고, 운영자는 나중에 교체할 파일을 찾기 쉽다.
게시 전에는 독자의 화면에서 확인한다
편집 화면에서 멀쩡해 보여도 공개 화면에서는 이미지가 너무 작거나 문서 버튼이 눈에 띄지 않을 수 있다. 게시 전에 미리보기로 휴대폰 화면을 확인한다. 사진 속 글자가 읽히는지, 이미지 순서가 설명과 맞는지, 다운로드한 문서가 실제로 열리는지 세 가지만 봐도 실수를 많이 잡는다.
파일 업로드가 실패하면 같은 버튼을 계속 누르기보다 관리자 화면에 표시된 최대 업로드 크기를 먼저 확인한다. 워드프레스 공식 안내에서도 이 한도가 호스팅 환경에 따라 표시된다고 설명한다. 파일이 한도보다 크다면 사진 크기를 줄이거나 문서의 불필요한 고해상도 이미지를 빼고 다시 저장한다. 이미 올린 파일이 있는데 이름만 다르게 또 올린 것은 아닌지도 미디어 라이브러리에서 확인한다.
워드프레스블로그를 오래 운영할수록 파일은 계속 늘어난다. 그래서 나는 글 한 편을 발행할 때마다 ‘읽을 수 있는 크기인가, 찾을 수 있는 이름인가, 필요한 설명이 붙어 있는가’를 짧게 확인한다. 복잡한 도구를 추가하는 것보다 이 작은 습관이 다음 글을 쓸 때 더 큰 시간을 아껴줬다.
