큰숲백과를 포함한 미디어위키와 디지털 환경에서는 미디어에 보이지 않는 설명인 대체 텍스트를 추가할 수 있습니다. 대체 텍스트는 검색 엔진이 자료를 찾아 정리하고 시각 장애인이 화면의 내용을 읽어주는 소프트웨어로 문서를 이해하는 데 도움을 줍니다. [[파일:File.jpg|섬네일|보이는 설명|alt=보이지 않는 설명]]과 같이 입력이 가능합니다. 가능한 상세하게 이해가 가능하도록 적는 것이 좋으며, 장식적 요소 등 설명의 의미를 갖지 못할 경우에는 적지 않는 것이 적합한 경우도 있습니다.
이미지의 가로, 세로 길이를 조절하고 싶으면 [[파일:File.jpg|너비x높이px]]를 쓰면 됩니다! (svg 파일만 가능하며, 나미저 파일은 가로/세로 비율에 따라 자동으로 조절됨) 너비는 자동으로 조절되고 높이만 고정하고 싶으면 너비를 입력하지 마세요([[파일:File.jpg|x높이px]]).
파일 크기 조정 (원본 : 위키미디어 공용 Seoul and N Seoul Tower.jpg
가로 200px
세로 200px
가로 400, 세로 100 가능 - 세로 100만 반영.
[[File:Seoul and N Seoul Tower.jpg|섬네일|200px|가운데]]
[[File:Seoul and N Seoul Tower.jpg|섬네일|x200px|가운데]]
[[File:Seoul and N Seoul Tower.jpg|섬네일|400x100px|가운데]]
위키미디어 공용 이미지 불러오기
아래와 같은 코드를 입력하시면 위키에 저장되지 않은 이미지라도 위키미디어 공용에 있으면 위키 이미지를 불러올 수 있습니다.
[[파일:BB61 USS Iowa BB61 broadside USN.jpg|섬네일|220픽셀|위키미디어 공용의 이미지를 불러온 예]]
위키미디어 공용의 이미지를 불러온 예
이미지를 글의 한쪽에 글과 함께 표시되는 섬네일로 넣으면 여백과 테두리가 자동으로 추가됩니다. 컴퓨터 화면에서는 기본적으로 글의 오른쪽에 정해진 크기로 배치되며, 모바일에서는 화면에 따라 알맞은 형태로 표시됩니다. 원할 경우 크기나 정렬을 변경할 수 있습니다.
이미지를 섬네일로 넣으면 컴퓨터 화면에서 이어지는 이미지와 글의 위치가 맞지 않을 수 있습니다. 이 경우 글에서 구분이 필요한 내용 다음에 {{-}}을 입력하여 해결할 수 있습니다.
갤러리/여러 이미지
갤러리는 여러 이미지를 섬네일로 함께 넣을 때 사용합니다. 사용 방법은 아래와 같습니다.
<gallery {변수}>파일|설명|alt=대체 텍스트 </gallery>
기본
갤러리로 입력할 때에는 대괄호를 사용하지 않으며, 나머지는 앞서 설명한 사진 넣기 문단과 동일합니다. 또한, '파일:'은 생략할 수 있습니다.
외부링크: 다른 사이트로로 링크할 때에는 'link=' 다음에 해당 사이트의 주소를 입력합니다.
[[파일:Logo Candidate.png|150px|link=]]
링크 없음: 'link=' 다음에 아무것도 입력하지 않으면, 파일에 링크가 걸리지 않아 클릭할 수 없습니다.
대체 텍스트(alt)
대체 텍스트는 시각 장애인이 화면의 내용을 읽어주는 소프트웨어로 문서를 이해하거나 검색 엔진이 자료를 찾아 정리하는 데 도움을 주는 텍스트로, 일반적으로는 보이지 않습니다. 따라서 이해가 가능하도록 적는 것이 좋으며, 장식적 요소 등 설명의 의미를 갖지 못할 경우에는 적지 않는 것이 적합한 경우도 있습니다.
입력
결과
설명
[[파일:Logo Candidate.png|150px|alt=큰숲백과 로고]]
앞서 설명했다시피 대체 텍스트는 화면에 표시되지 않습니다.
언어(lang)
svg 파일에만 적용할 수 있으며, svg 파일의 systemLanguage에 대응합니다.
클래스(class)
CSS의 class를 부여합니다.
이미지 안에 링크를 여러 개 넣기(imagemap)
한 개의 이미지에 여러 개의 링크를 넣을 때에는 아래와 같이 <imagelink> 태그를 사용하시면 됩니다. 사용법이 다소 복잡하기에 아래 도움말을 참조해보세요.
<imagemap>
Image:(이미지)|섬네일(선택)|(정렬)|(크기)|alt=(이미지가 나오지 않을 때 보여주는 대체 문구입니다.) |(설명)
poly 좌표1(x) 좌표1(y) 좌표2(x) 좌표2(y) 좌표3(x) 좌표3(y) ...... [[문서{|링크 타이틀}]]
rect 좌표1(x) 좌표1(y) 좌표2(x) 좌표2(y) [[문서|{링크 타이틀}]]
circle 좌표(x) 좌표(y) 반지름(r) [[문서{|링크 타이틀}]]
</imagemap>
이미지 : 파일:xxx.jpg 라는 파일에서 xxx.jpg를 의미합니다.
섬네일 : 섬네일 형식으로 표현하려면 입력합니다.
정렬 : 필요하다면, 이미지의 정렬을 선택합니다. 왼쪽, 가운데, 오른쪽이 있습니다.
크기 : 이미지가 표시될 크기를 선택합니다. 픽셀 단위로 500px 처럼 표현합니다.
alt= 뒤의 내용 : 이미지가 표시되지 않으면 대신 나오는 문구입니다. 일반적으로 잘 뜨지 않습니다.
설명 : 이 그림을 설명하는 내용을 적으면 됩니다. 이 문구 전체를 [[어떤 문서]]로 감싸면 안됩니다. 만약 전체를 감쌀 경우, 다음 링크 이전까지의 텍스트가 "전부 이미지의 링크"로 처리되는 문제가 발생합니다.
poly (좌표1, 좌표2, .... 좌표n)문서 : polygon(다각형) 형태로 표현되는 링크 입니다. 입력한 값들을 픽셀형태의 좌표로 인식한 뒤, 그것들을 선으로 이어서, 그 안쪽을 클릭하면 문서로 넘어갈수 있게 해줍니다.
rect (좌표1, 좌표2) 문서 : rectangle(직사각형) 형태로 표현됩니다. 두 점을 좌표로 입력받아서 한점은 왼쪽 위, 한점은 오른쪽 아래의 좌표로 인식해서, 그 안쪽을 클릭하면 문서로 넘어갈수 있게 해줍니다.
circle (좌표, 반지름) 문서 : circle (원) 형태로 형태로 표현됩니다. 세 값을 입력 받아서 앞의 두값은 x y 좌표, 마지막 값은 반지름 입니다. poly, rect, circle에서의 단위는 픽셀이며, 좌표 기준은 좌측 상단입니다.
default 문서 : "위에서 설정하지 않은 나머지 영역"에 대한 문서 링크를 설정합니다.
여기에 필요한 좌표값은 다음과 같은 방법으로 확인 가능합니다.
우선 그림판을 이용해서 좌표를 확인할 수 있습니다. 링크를 달고자 하는 해당 이미지 파일을 받아서 그림판으로 여시고, 선택이나 그리기 툴로 그림위에 갖다대면, 그림판 왼쪽아래에 ╋ 123, 45 px 라고 뜨게됩니다. 그 값이 좌표(x,y)이므로, 편집할때 사용하시면 됩니다.
그보다 더 간단한 방법은 Image-map 웹페이지를 이용해서 이미지를 올린 다음에 poly, rect, circ 속성 중 하나를 고르고 이미지 위에 마우스로 표시할 수 있습니다. 이후에 Show me the codes 버튼을 누르면 픽셀값이 정확하게 출력되는 것을 알 수 있습니다. 단 이 홈페이지에는 픽셀값이 반점(,)으로 분리되어 있지만 실제 이미지맵을 사용할 때에는 띄어쓰기로 구분하니 반점을 띄어쓰기로 바꾸어서 표현해야 하는 작업이 추가되는 점에 유의해주세요.