사진의 카메라 및 촬영 정보(Exif; EXchangable Image File format)에 대해서

흔히 사진 촬영의 메타정보라고 하는 Exif는 사진에 대한 정보를 포함하는 메타데이터가 추가된 이미지 파일 포맷입니다. 스킨에서 해당 기능을 좀 다뤘으면 하는 문의가 있었습니다.

Javascript 플러그인

Javascript 플러그인을 통해 이미지 메타정보를 추출하는 방법이 있습니다. 다만, 이 방법은 해당 이미지를 한 번 더 호출해야만 가능합니다. 해당 플러그인으로 구현할 경우 다양한 메타정보를 추출해 가공할 수 있다는 이점이 있습니다. 즉 카메라 기종, 셔터속도 등 세부적인 정보를 다룰 수 있습니다.

티스토리 플러그인

티스토리에도 관련 플러그인이 존재합니다. 관리센터 > 플러그인 > 플러그인 설정에서 ‘멀티미디어, EXIF 정보 출력’이 이에 해당됩니다. 아쉬운 점은 각 정보에 대한 구분 값이 없어 다양한 가공이 불가능하다는 점입니다. 정보가 있는 순서대로 나열될 뿐 해당 값이 어떤 정보를 의미하는지 알 수 없습니다.

고민 끝에 스킨에서는 티스토리에서 제공하는 플러그인을 사용하기로 했습니다. 아무래도 한 번 더 이미지를 호출하는 방식은 로딩을 지연하는 원인이 될 수 있기 때문입니다. 해당 기능은 따로 스킨 설정이 필요 없습니다. 티스토리 관리센터에서 해당 플러그인을 활성화하면 됩니다.

알맞은 노출 정보 선택하기

처음 'EXIF 정보 출력‘ 플러그인을 펼쳐보면 모든 노출 정보가 선택되어 있습니다. 스킨에서 제공하는 Exif 스타일은 첫 번째 값을 첫 번째 줄에 위치합니다. 그리고 나머지 노출 정보는 그 아래 배치합니다. 따라서 첫 번째 노출 정보 선택이 중요합니다.

제조사 노출 정보는 선택을 해제하고 카메라 기종을 선택하길 권장합니다. 앞서 언급한대로 티스토리 EXIF 플러그인은 선택한 순서대로 정보를 나열합니다. 만약 제조사 노출 정보를 선택하면, 제조사 명이 첫 번째 줄을 차지하고 나머지 노출 정보가 그 아래 줄에 배치됩니다. 아무래도 카메라는 제조사보다 카메라 기종이 중요하겠죠?

추천하는 셋은 카메라 기종, 셔터속도, 조리개값, 초점거리 그리고 ISO값입니다. 물론, 첫 번째 노출 정보, 그러니까 제조사를 제외하고 카메라 기종을 선택한다면, 나머지 정보는 어떤 걸 선택해도 문제는 없습니다. 본인에 맞는 노출 정보 셋을 찾아보세요.

티스토리 'EXIF 정보 출력' 플러그인

탕비수다 이마고 Exif 스타일

마지막으로 티스토리 EXIF 플러그인에서 제공하는 스타일은 고려하지 않았습니다. 해당 스타일을 지정하면 뜻하지 않는 어긋남이 발생할 수 있습니다.

텍스트 정렬

EXIF 정보 출력의 텍스트 정렬은 기본적으로 좌측 정렬 상태입니다. 해당 설정을 변경하려면 직접 CSS에서 아래 해당하는 내용을 찾아 변경하면 됩니다.

.article-desc.effect.caption-align-left .imageblock .cap1, .article-desc.effect.caption-align-left .pcap1, .article-desc.effect.caption-align-left .responsive-container + p.cap1, .article-desc.effect.caption-align-left .imageblock .exif-info {
    text-align: center;
}

롤랑존

이미지를 활용해 다양한 기능을 제공하는 티스토리 반응형 스킨

    이미지 맵

    문서 다른 글

    댓글 3

    *

    *

    이전 글

    다음 글