티스토리 블로그 사진 첨부 시 체크 사항

블로그 작성 시에 사진이나 이미지를 첨부해야 할 경우가 상당히 많습니다. 네이버 블로그와 달리 티스토리 블로그는 사진 첨부 시에 아래와 같이 주의해야 할 점이 있으니 작업하시기 전에 꼭 한번 체크하시길 바랍니다.

 

원본 사진 체크 사항

1. 사진 저작권 문제

일반적으로 사진 안에 연예인이나 특정 브랜드가 들어가 있는 사진은 직접 찍은 사진이 아닌 이상 사용하지 않는 것이 좋습니다. 저작권이 있는 사진인지 확인하는 방법은 메타 데이터(EXIF)를 확인하는 것입니다. 제가 쓰는 PhotoScape X 프로그램 기준으로 사진을 가져온 후 정보 보기 란에 메타 데이터가 있는 사진을 써야 할 경우 반드시 메타 데이터 정보는 삭제하고 사용하시길 바랍니다.

메타-데이터-보기-샘플-사진

2. 사진 픽셀 크기

최소 사이즈 400 픽셀 이상, 대략적으로 알맞은 크기는 750~800 픽셀 사이즈가 모바일에서 보기에도 가장 적당합니다.

주의할 점은 블로그 안에서 사진 사이즈를 조절하는 것이 아니라 원본 사진 자체의 픽셀을 조절하셔야 합니다.

3. 사진 용량

구글은 페이지 로딩 속도가 느려지는 걸 상당히 싫어합니다. 사진 용량이 커지면 당연히 로딩 속도가 느려지겠죠? 용량을 줄이기 위해서 가장 기본적인 것은 파일 이름을 jpg 나 jpeg으로 저장을 하십시오.

그리고 TinyPNG 사이트에 방문하여 이미지를 압축한 후에 최종 사용 하셔야 합니다.

 

블로그에 첨부 시 사진 체크 사항

1. 업로드할 사진 개수

블로그 하나에 등록한 이미지 개수가 많거나 용량이 높을 경우 페이지 로딩 속도가 늦춰질 수 있습니다. 이는 구글 SEO 글쓰기에 굉장히 좋지 못한 영향을 끼치기 때문에 꼭 필요한 사진이 아닌 경우 첨부하지 않는 것이 더 좋을 수가 있습니다.

2. 알트 태그를 이미지에 꼭 삽입하여 주기

알트 태그란 시각 장애인들을 위한 설명란을 넣어 주는 것입니다. 이게 조금 귀찮을 수는 있지만 구글은 알트 태그가 들어가 있다는 것만으로 상당히 좋은 글 평가를 받을 수 있습니다.

알트 태그 넣는 방법은 톱니바퀴 모양을 클릭하여 대체 텍스트 삽입에서 간단한 사진 설명을 넣어 주면 됩니다. 

알트-태그-삽입-샘플-사진

3. 파일명, 알트 태그(대체 텍스트), 타이틀명에 공백 없이 하이픈(-) 넣어 주기

하이픈을 넣지 않을 경우 글자 사이의 간격 공백이 스페이스가 들어간 것인지 탭이 들어간 것인지 인식을 잘 못하는 경우가 있습니다. 가급적 혼란을 줄이기 위해 하이픈을 넣어서 글자를 완성하십시오.

 

4. 이미지 복사 방지 설정하기

다른 사람들이 나의 블로그 이미지들을 무분별하게 복사하여 사용하는 것을 방지하기 위해 스킨 편집에 들어가셔서 CSS 코드 가장 아래에 아래의 코드를 복사하여 붙여 넣기 하여 줍니다. 이미지 클릭 후 저장하는 것을 방지해 줍니다.

/*이미지 복사 금지*/

img {

pointer-events: none;

}

 

5. 이미지 서명(워터마크) 삽입

자신만의 사진이나 이미지를 사용한다면 도용 금지를 위해 워터마크를 적용시킵니다. 적용 방법에 관해서는 아래 블로그 링크로 들어가시면 확인하실 수 있습니다.

https://jisikspoon.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%84%9C%EB%AA%85%EC%9B%8C%ED%84%B0%EB%A7%88%ED%81%AC-%EC%A0%81%EC%9A%A9

티스토리 블로그 이미지 서명(워터마크) 적용 방법