도움말: 비주얼 파일 마크업
Help:Visual file markup![]() |
이 페이지에서는 Wikipedia 페이지에 이미지와 비디오를 표시하는 방법을 설명합니다.
페이지에 이미지를 추가하기 위한 기본 마크업은 다음과 같습니다.
[[File:Example.jpg thumb Caption text]]
페이지에 비디오를 추가하기 위한 기본 마크업은 다음과 같습니다.
[[File:Example.ogg frame Caption text]]
파일 마크업은 파일명으로 시작하고 그 앞에File:
프레픽스이렇게 하면 파일이 표시되지만 파라미터를 추가함으로써 표시의 특성을 엄격하게 제어할 수 있습니다.코드를 추가하여 캡션을 추가하고 페이지의 크기, 위치를 정의하며 시각장애인을 위한 대체 텍스트를 남깁니다. 각 코드 또는 매개 변수는 파이프로 구분됩니다.
) 코드는 임의의 순서로 지정할 수 있습니다.단, 마지막이 되는 캡션을 제외합니다.파일 이름만 필요합니다.이게 제일 먼저 배치되어야 합니다.
기사의 오른쪽 상단에 이미 정보 상자가 있는 경우, 기사의 첫 번째 사진은 일반적으로 정보 상자 안에 있습니다.많은 정보 상자에는 여기에 설명된 구문과 다른 구문이 필요합니다.다른 구문에 대한 지침과 올바른 구문을 선택하는 방법은 도움말을 참조하십시오.인포박스 사진
파일 형식
파일을 사용하려면 먼저 Wikipedia 또는 Wikimedia Commons에 파일을 업로드해야 합니다.Commons에 업로드하는 것이 좋습니다.Commons의 파일은 모든 언어로 작성된 위키피디아와 위키피디아의 자매 프로젝트에서 사용할 수 있습니다.제한된 공정 사용 조항에 따라 사용되는 파일은 위키피디아에 저장해야 합니다.파일의 업로드 장소에 관계없이 마크업은 동일합니다.
다음과 같은 시각적 파일 형식을 업로드할 수 있습니다.
- 이미지 포맷
- 비디오 형식
- 혼합 콘텐츠 형식
Commons 업로드 절차
Commons(공통)에 있는 경우 왼쪽 표시줄에 Upload file(파일 업로드) 링크가 있으며 업로드 마법사로 직접 이동합니다.Wikipedia 페이지의 왼쪽 사이드바에 링크가 있습니다.새 페이지의 파란색 아래 Commons 섹션에서 Commons Wizard(공짜 파일 권장)를 찾습니다.
첫 번째 페이지에서 컴퓨터에서 파일을 드래그 앤 드롭합니다.한 번에 50개씩 업로드 됩니다.두 번째 페이지에서 사용할 저작권을 확인합니다.세 번째 페이지에서 각 이미지의 이름을 변경하고 날짜를 지정하여 분류하고 설명합니다.모든 영상에 세부 정보를 선택적으로 복사할 수 있습니다.계속을 누르면 각 이미지를 공개적으로 사용할 수 있습니다.
디스플레이 모드
4가지 디스플레이 모드가 있습니다.
- 기본의
- 섬네일
- 프레임
- 프레임리스
기본 모드
기본 모드의 파일은 표시 모드를 지정하지 않습니다.파일은 기본적으로 풀사이즈로 표시됩니다.수평 정렬이 지정되지 않은 경우 영상이 인라인으로 표시됩니다.
섬네일 모드
섬네일 모드의 파일은 코드를 사용합니다.thumb
또는thumbnail
그러면 캡션과 함께 섬네일이 표시됩니다.풀사이즈 파일이 작은 경우를 제외하고 기본 사이즈는 220픽셀입니다.등록 사용자는 필요에 따라 자신의 기본 크기를 지정할 수 있습니다.
정상적인 상황에서는 Wikipedia 서버에 의해 이미지가 자동으로 축소됩니다.이것은 애니메이션 GIF에서는 발생하지 않습니다.대신 원본 애니메이션 GIF가 다운로드되고 할당된 공간에 맞게 이미지의 크기가 조정되는지 여부는 브라우저의 기능에 따라 달라집니다.비디오도 축소되지 않기 때문에 대역폭이 낭비됩니다.프레임 모드를 사용하거나 저해상도 파일을 업로드합니다.
프레임 모드
framed 모드의 파일은 다음 코드를 사용합니다.frame
또는framed
그러면 파일이 캡션과 함께 풀사이즈로 표시됩니다.파일의 사이즈는 축소되지 않기 때문에, 프레임 모드는 큰 이미지에는 적합하지 않습니다만, 비디오의 사이즈가 너무 크지 않은 경우는, 비디오에 최적입니다.
프레임리스 모드
프레임리스 모드의 파일은, 다음의 코드를 사용합니다.frameless
캡션 없이 섬네일이 표시됩니다.풀사이즈 파일이 작은 경우를 제외하고 기본 사이즈는 220픽셀입니다.썸네일 모드와 달리 수평 정렬이 지정되지 않은 경우 영상이 인라인으로 표시됩니다.
이미지 속성
캡션
마크업 말미에 입력된 텍스트가 캡션으로 사용됩니다.코드는 필요 없습니다.링크 및 일반 텍스트 형식 옵션을 캡션에서도 사용할 수 있습니다.
[[File:Example.png thumb alt=Example alt text Example caption]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
수평 정렬
예를 참조해 주세요.
파일을 오른쪽에 배치합니다.
[[File:Example.png right alt=Example alt text]]
파일을 왼쪽에 배치합니다.
[[File:Example.png left alt=Example alt text]]
파일을 중앙에 배치합니다.텍스트가 파일 주위에 흐르지 않습니다.
[[File:Example.png center alt=Example alt text]]
파일을 왼쪽에 배치합니다.텍스트가 파일 주위에 흐르지 않습니다.
[[File:Example.png none alt=Example alt text]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
사이즈
파일은 원래 애스펙트 비율을 유지합니다.
정상적인 상황에서는 Wikipedia 서버에 의해 이미지가 자동으로 축소됩니다.이것은 애니메이션 GIF에서는 발생하지 않습니다.대신 원본 애니메이션 GIF가 다운로드되고 할당된 공간에 맞게 이미지의 크기가 조정되는지 여부는 브라우저의 기능에 따라 달라집니다.비디오도 축소되지 않기 때문에 대역폭이 낭비됩니다.해상도가 낮은 파일을 업로드 해 주세요.
큰 파일 크기 조정
크기가 큰 씬 파일의 너비를 줄입니다.이 방법은 일반적으로 사용자 환경설정을 고려하여 폭을 지정하는 것보다 좋습니다.
[[File:Example.png thumb upright alt=Example alt text Example caption]]
썸네일 크기를 팩터에 기본 썸네일 크기를 곱한 값으로 조정하고 결과를 10의 배수 중 가장 가까운 값으로 반올림합니다.예를 들어, "upright=1.5
이미지를 확대하기 위해 더 커야 하는 지도나 도식에 도움이 됩니다.가이드로서"upright=1
" 는 표준 썸네일과 같은 너비입니다.upright=0.75
"는 "를 사용하는 것과 같습니다.upright
"혼자.
[[File:Example.png thumb upright=Factor alt=Example alt text Example caption]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
크기 지정
파일의 배율을 조정해, 지정한 픽셀수의 너비로 합니다(예:100px
).
[[File:Example.png Widthpx alt=Example alt text]]
파일의 크기를 조정하여 지정된 픽셀 수(예:x150px
).
[[File:Example.png xHeightpx alt=Example alt text]]
파일의 배율은, 지정한 픽셀수(예를 들면, 픽셀수)를 넘지 않게 해 주세요.100x150px
).
[[File:Example.png WidthxHeightpx alt=Example alt text]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
alt 텍스트 추가
이미지의 alt 텍스트를 지정합니다.이것은 시각 장애가 있는 독자를 대상으로 하고 있습니다.WP:일반적으로 캡션과 다른 ALT입니다.T.
[[File:Example.png alt=Example alt text]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
링크
일반적으로 파일에는 설명 페이지와 파일 자체에 대한 정보가 포함된 하이퍼링크가 포함됩니다.다음 옵션을 사용하면 링크가 다른 페이지를 가리키거나 비활성화할 수 있습니다.이미지의 경우 링크는 이미지 자체입니다.비디오에는 비디오 아래에 정보 아이콘이 있습니다.
파일이 공용 도메인 속성이 아닌 경우 다른 방법으로 제공해야 합니다.Wikipedia 참조:상세한 것에 대하여는, 기사에의 링크 이미지.
파일 링크 수정
이미지는 지정된 페이지에 대한 하이퍼텍스트 링크 역할을 합니다.페이지명은 대괄호로 묶지 마십시오.페이지가 URL인 경우 이미지는 외부 링크 역할을 하며, 그렇지 않은 경우 이름이 지정된 Wikipedia 페이지에 링크됩니다.이미지 맵은 더 많은 가능성을 제공합니다.
[[File:Example.png link=Name of page alt=Example alt text]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
파일 링크 사용 안 함

하이퍼링크는 생성되지 않습니다.이미지 또는 혼합 콘텐츠 파일을 클릭해도 아무런 작업이 수행되지 않습니다.비디오를 재생하면 [About this file](이 파일에 대하여) 링크가 삭제됩니다.
[[File:Example.png link= alt=Example alt text]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
테두리 추가
파일 주위에 1픽셀의 테두리를 추가합니다.이 기능은 파일을 백그라운드에서 구별하는 것이 중요한 경우에 유용합니다.사용을 검토하다thumb
또는frame
대신.
[[File:Flag of Japan.svg border alt=Example alt text]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
인라인 디스플레이
수평 정렬이 지정되지 않은 영상이 텍스트와 함께 인라인으로 표시됩니다.
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
수직 정렬
이미지는 인라인에 배치해야 합니다.파일:헝가리 국기 수직.예로서 svg를 사용합니다.
영상의 하단을 텍스트의 기준선에 맞춥니다.
[[File:Flag of Hungary vertical.svg baseline 20px link= alt=]]
(이것은 디폴트입니다).이미지가 텍스트의 소문자 "x"를 중심으로 수직 중심에 오도록 이미지의 수직 중앙을 텍스트의 기준선에 텍스트의 x 높이의 절반과 맞춥니다.
[[File:Flag of Hungary vertical.svg middle 20px link= alt=]]
이미지 하단을 "X2"의 "2" 하단과 같이 첨자의 하단과 동일한 레벨로 정렬합니다.
[[File:Flag of Hungary vertical.svg sub 20px link= alt=]]
이미지 하단을 "X2"의 "2" 하단과 같이 윗첨자의 하단과 동일한 레벨로 정렬합니다.
[[File:Flag of Hungary vertical.svg super 20px link= alt=]]
이미지의 상단을 텍스트의 상단과 맞춥니다.소문자 "h"와 같은 글자의 어센더 때문에 대문자 맨 위보다 약간 높은 경우가 많습니다.
[[File:Flag of Hungary vertical.svg text-top 20px link= alt=]]
이미지 하단을 텍스트 하단과 정렬합니다.이는 소문자 "y"와 같은 문자로 된 하위 문자 때문에 기준선보다 다소 낮습니다.
[[File:Flag of Hungary vertical.svg text-bottom 20px link= alt=]]
텍스트가 포함된 줄의 맨 위에 이미지 상단을 맞춥니다.일반적으로 텍스트 행 사이에 공백을 두기 위해 텍스트의 맨 위보다 약간 높습니다.
[[File:Flag of Hungary vertical.svg top 20px link= alt=]]
영상의 하단을 텍스트가 포함된 선의 하단과 정렬합니다.일반적으로 이 값은 텍스트의 아래보다 약간 낮습니다.
[[File:Flag of Hungary vertical.svg bottom 20px link= alt=]]
표시되는 이미지 변경
초기 정지화면
소정의 시각에 비디오의 프레임을 초기 정지화면으로 사용합니다.썸타임 파라미터가 없는 경우 비디오의 중간점에서 프레임이 사용됩니다.시간은 콜론으로 구분된 시간, 분, 초의 형태를 취합니다.예를 들어 다음과 같습니다.
thumbtime=21
– 초만을 사용한 시간 구문thumbtime=0:23
– 분 및 초를 사용한 시간 구문thumbtime=0:0:33
– 시간, 분, 초를 사용한 시간 구문
[[File:Big Buck Bunny small.ogv thumbtime=Time alt=Example alt text]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
페이지 선택
이미지는 옵션 페이지 파라미터를 사용하여 DjVu 또는 PDF 파일에서 추출할 수 있습니다.
[[File:Abroad - 1882.djvu page=number alt=Example alt text]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
다른 섬네일을 제공하다
썸네일의 작은 이중 직각 아이콘에서 하나의 이미지에 연결할 수 있습니다.를 사용하여 다른 이미지를 표시합니다.
thumb=Displayed image name
「이것은, 이미지를 축소하는 Wikipedia 소프트웨어가 제대로 기능하지 않고, 독자적인 축소 이미지를 제공하고 싶은 드문 경우를 대상으로 하고 있습니다.이 예에서 이중 직각은 File로 링크됩니다.애니메이션 stub 2.svg이지만 표시되는 이미지는 파일:애니메이션 stub.png.
[[File:Anime stub 2.svg thumb=Anime stub.png alt=Example alt text Example caption]]
기본의 | 섬네일 | 프레임 | 프레임리스 | |
---|---|---|---|---|
이미지들 | ![]() | ![]() | ![]() | ![]() |
비디오 | ![]() | ![]() | ![]() | ![]() |
혼재 콘텐츠 | ![]() | ![]() | ![]() | ![]() |
특수 용도
위의 파일 마크업을 사용하는 대신 전용 마크업이 생성되어 대신 사용할 수 있습니다.
파노라마
브라우저 환경에 따라서는 문제가 발생하기 때문에 매우 큰 사진은 직접 기사에 넣지 마십시오.550px 이상의 이미지는 파노라마로 취급하는 경우가 많아 {{Wide image}}템플릿으로 만들 수 있습니다.예를 들어 다음과 같습니다.
{{wide image Helsinki z00.jpg 1800px alt=Panorama of city with mixture of five- to ten-story buildings [[Helsinki]] has many buildings.}}
코얼라인먼트
논리적으로 그룹화해야 하는 두 장의 사진이 있는 것이 일반적입니다.이를 위해 {{multiple image}} 템플릿을 사용하는 것도 한 방법입니다.예를 들어 다음과 같습니다.
{{card 이미지 폭 = 100 footer = 축구 심판용 카드 2장 = 옐로우 카드.cardouche alt1 = 주의 이미지 2 = 레드 카드.cartouche caption 2 = 레드 카드.cartouche caption 2 = 이젝트 }
같은 템플릿에서 사진을 수직으로 정렬할 수도 있습니다.
{{화상방향=수직폭=100풋터=축구심판이 사용하는 카드 2장1=옐로우카드.옐로우카드 alt1=주의이미지2=레드카드.헬로우카드 alt2=레드카르타우체 캡션2=레드카르타우체 캡션2=이젝트 }}
이미지 맵
이미지 맵을 사용하여 이미지의 다른 부분을 다른 위치에 링크할 수 있습니다.예를 들어, 오른쪽 이미지에서 왼쪽 초상화에 대략 해당하는 원을 클릭하면 독자는 윌리엄 제닝스 브라이언에게 가고 오른쪽 초상화를 클릭하면 아서 시월에게 가고 다른 곳을 클릭하면http://projects.vassar.edu/1896/democrats.html
이 이미지는 다음 마크업에 의해 생성됩니다.
<imagemap> 파일:Bryan-Sewall.jpg 300px 권리 alt=1896 민주당 선거 포스터와 후보자들 윌리엄 J. 브라이언 네브라스카에 대통령과 아서 세월의 메인에 대통령 원 950850700[[윌리엄 제닝스 브라이언 윌리엄 J. 브라이언]]원 2950 850700[[아서 슈얼]]기본[http://projects.vassar.edu/1896/democrats.html1896년 민주당]<>/imag.emap>
이 이미지 맵 마크업에서는 세 지역의 제목 텍스트(툴팁)가 각각 "William J. Bryan", "Arthur Sewall", "1896 Democrates"로 명시되어 있습니다.imagemap 영역의 alt 텍스트는 제목 텍스트와 항상 동일합니다. 전체 이미지의 alt 텍스트는 imagemap 마크업의 첫 줄에 표시됩니다.기본 이미지의 기본 치수는 3916 × 1980이며 좌표는 300px 크기가 아닌 이러한 치수로 지정됩니다.영상 지도 설명서에 설명된 대로 영역은 원, 직사각형 및 임의 폴리곤과 파란색 "i" 아이콘으로 지정할 수 있습니다.이동하거나 억제할 수 있습니다.또, 이미지는 「」로 지정할 수 있습니다.
thumb
" 또는frame
즉, 일반적인 방법으로 alt 텍스트와 캡션이 있으며 이중으로 표시된 아이콘이 있습니다.파란색 'i' 아이콘 대신
.
갤러리
여러 파일의 갤러리를 생성할 수 있습니다.이것들은 보통 기사의 말미에 배치되어 있습니다.
갤러리를 제작하는 표준적인 방법은 없습니다.사용 가능한 옵션은 다음과 같습니다.
파일을 표시하지 않고 파일에 연결
파일을 표시하지 않고 설명 페이지에 링크하려면 접두사 앞에 콜론을 붙입니다.
[[:File:Example.png]]
- 파일:Example.png
또, 「」를 사용해 파일에 직접 링크 할 수도 있습니다.Media:
"가 아니라 ".File:
".
[[Media:Example.png]]
- 미디어: Example.png