Page semi-protected

위키백과:업로드할 이미지 준비

Wikipedia

이미지 파일을 Wikipedia 또는 가급적이면 Wikipedia Commons에 업로드할 때 내용에 맞는 파일 형식을 사용하는 것이 중요합니다.유용한 정보를 포기하여 이미지 서버의 디스크 공간을 절약하려고 하지 마십시오.

소스 유지:

  • 이미지가 데이터(예: Microsoft Excel의 그래프)에서 생성된 경우 새 데이터를 그래프에 추가하거나 데이터 원본을 인용할 수 있도록 데이터와 파일(예: 스프레드시트)을 포함해야 합니다.
  • 이미지가 스크립트에서 생성된 경우(예: 컴퓨터 대수 시스템에서) 라벨 및 색상 조정과 같은 사소한 개선이 이루어질 수 있도록 코드를 포함해야 합니다.
  • 위의 경우 이미지를 편집하는 데 필요한 특정 소프트웨어가 무엇인지 알려주는 메모가 있어야 합니다.자유 소프트웨어와 호환되는 데이터 형식과 코드가 선호되어야 합니다.

이미지 파일 형식에는 다음과 같은 4가지 기본 옵션이 있습니다.

간단한 다이어그램(특히 스케일링이 필요한 다이어그램)을 위한 SVG.
사진 이미지용 JPEG입니다.
애니메이션 이미지의 GIF입니다.
다른 모든 것에 대한 PNG.

일부 형식은 여러 압축 시스템을 제공하지만 일반적으로 형식과 압축 시스템은 함께 연결되어 있습니다.

대부분의 경우 다른 이미지 형식은 사용하지 않아야 합니다.

BMP - 이미지의 압축이 해제되어 파일 크기가 커집니다.일반적으로 PNG로 변환해야 합니다.
TIFF - 일반적으로 위에서 설명한 대로 PNG 또는 JPEG로 변환해야 합니다.

다이어그램

SVG(Scalable Vector Graphics)의 편집 가능성과 확장성으로 인해 데이터와 그림을 그래픽으로 표현하기 위한 분명한 선택이 가능합니다.그러나 GIF, PNG 또는 JPEG와 같은 래스터 이미지를 SVG로 변환하는 것이 항상 쉬운 것은 아니며 일부 이미지(특히 사진)는 이러한 처리에 도움이 되지 않습니다.SVG에서 다이어그램을 생성할 수 없는 경우 JPEG보다 PNG 이미지를 선호합니다.

PNG 압축 알고리즘은 경계가 선명한 단색의 넓은 영역에서 작동하도록 설계되었습니다.그러므로 그것은 도표와 만화를 위한 좋은 형식입니다.그러나 가능한 최소 파일 크기는 자동으로 제공되지 않습니다.손으로 해야 할 일들이 있습니다.

많은 웹 디자이너들 사이에서는 PNG가 GIF보다 크다는 망상이 있습니다.이 망상은 두 가지 사실에서 비롯됩니다.

  • 많은 사람들이 24비트 PNG와 8비트 GIF를 비교하는데, 이는 잘못된 비교입니다.
  • Adobe Photoshop은 역사적으로 PNG 파일을 만드는[clarification needed] 데 서투른 것으로 알려져 있습니다.

색상 수에 적합한 색상 깊이 선택

Diamond without anti-aliasing.png Anti-aliased diamond.png Anti-aliased diamond enlarged.png
1비트 컬러
안티에일리어싱 없음
180바이트		 4비트 컬러
앤티앨리어싱
309바이트		 의 확대보기
앤티앨리어싱 이미지

픽셀당 비트 수가 이미지의 색상 수와 일치합니까?다이어그램에는 일반적으로 색상이 거의 없습니다.다이어그램에 4가지 색상이 있는 경우 1600만 가지 색상을 구분할 수 있는 24비트(실제 색상) 형식으로 저장할 필요가 없습니다.PNG의 낮은 색상 깊이 버전은 팔레트에 색상을 저장합니다.팔레트 이미지의 비트 깊이는 1, 2, 4 또는 8비트(2, 4, 16 또는 256색)일 수 있습니다.일부 이미지 편집 프로그램에서는 2비트 컬러 이미지를 생성할 수 없지만 이미지의 모든 색상을 처리할 수 있는 최저 비트 깊이를 사용합니다.

다른 사용자가 원본을 JPEG로 저장했기 때문에 PNG로 변환하지 않는 경우에는 동시에 색상 수를 줄일 수 있습니다. 위키피디아:JPEG를 PNG로 저장하기 위해 색상을 줄이는 방법.

안티앨리어싱 이미지는 사용자가 인식하는 것보다 더 많은 색상을 사용할 수 있습니다. 안티앨리어싱은 한때 검은색이나 흰색이 있었던 곳에 회색 음영을 추가하여 들쭉날쭉한 가장자리를 매끄럽게 만들기 때문입니다.일반적으로 안티앨리어싱 흑백 이미지는 16색 또는 256색 이미지로 저장해야 합니다.오른쪽 그림을 참조하십시오.


다이어그램을 JPEG로 저장하지 않음

Smiley face example true C.jpg Smiley face example true C crop.png
이미지 표시
손실이 많은 JPEG 압축		 다음을 보여주는 확대 보기
압축 아티팩트

오른쪽은 PNG로 저장했어야 할 때 JPEG로 저장된 파일의 예입니다. JPEG는 사진을 위한 손실 데이터 압축을 사용합니다.JPEG로 도면이나 다이어그램을 압축하면 사람의 눈이 가장자리 주변의 압축 아티팩트를 발견할 수 있기 때문에 이미지 품질이 저하됩니다.

또 다른 단점은 파일 크기가 크다는 것입니다. JPEG 압축에는 여러 가지 옵션이 있지만 일반적으로 24비트 RGB(샘플당 8비트)와 8비트 그레이스케일의 두 가지 색 공간만 있습니다.가장 중요한 것은 JPEG의 특성상 색인 색상을 지원할 수 없다는 점입니다.오른쪽 예제에서는 부적절한 색상 스키마를 사용하여 4색 이미지를 부풀려 파일 크기를 크게 만듭니다.

원본 파일이 없고 실제로 PNG여야 하는 JPEG만 있는 경우에는 JPEG를 PNG로 저장하지 마십시오. 파일이 더 커질 수 있습니다.위키피디아에는 좋은 튜토리얼이 있습니다.JPEG를 PNG로 저장하기 위해 색상을 줄이는 방법.


PNG를 통한 SVG 사용

지름길
Smiley face crop.png Smiley face crop.svg Smiley face changed.svg
확장된 PNG 확장 SVG SVG에 대한 간단한 변경 사항

PNG는 래스터 그래픽 형식으로 각 픽셀의 값을 인코딩하는 반면, SVG는 일련의 기하학적 모양으로 이미지를 인코딩하는 벡터 그래픽 형식입니다.이미지를 만들거나 업로드하기 위해 기술적인 측면을 이해할 필요가 없으므로 이러한 문제가 발생하면 걱정할 필요가 없습니다.이것이 실제로 의미하는 것은 SVG 이미지가 동등한 PNG보다 훨씬 더 다양한 크기로 확장된다는 것입니다.따라서 대부분 또는 전체가 다각형, 선 및 곡선(국기, 도로 표지판 등)으로 구성된 이미지의 경우 SVG가 선호되는 형식입니다.여기에 표시된 것은 PNG 형식과 SVG 형식으로 확대된 이미지의 두 가지 예입니다. 하나는 더 높은 품질을 보여줍니다.

SVG는 무료 Scribus 프로그램과 같은 많은 데스크톱 게시 프로그램으로 쉽게 만들 수 있습니다.SVG는 숫자가 아닌 코드 기반이기 때문에 텍스트 편집기로 간단히 변경할 수도 있습니다.이를 통해 그림을 업데이트하고 번역하는 것이 훨씬 쉬워집니다.업로드된 SVG 이미지에 문제가 있는 사용자는 Wikipedia:SVG 도움말에 도움을 요청할 수 있습니다.SVG 편집 소프트웨어 목록은 벡터 그래픽 편집기 목록을 참조하십시오.

JPEG 팁

위와 같이 JPEG(Joint Photographic Expert Group)는 사진 이미지를 염두에 두고 개발되었습니다.JPEG 알고리즘은 매우 우수하지만 품질 저하 없이 파일 크기를 최소화하는 데 도움이 되는 몇 가지 팁이 있습니다.

  • 일부 디지털 카메라 및 스마트폰은 생성한 JPEG 파일에 추가 정보(EXIF 메타데이터라고 함)를 저장합니다.이러한 모든 메타데이터는 Wikipedia 및 Wikimedia에서 공개적으로 볼 수 있습니다.정보를 공개하지 않으려면 해당 응용 프로그램을 사용하여 업로드하기 전에 해당 정보를 파일에서 제거합니다.
  • JPEG를 저장할 때 그래픽 프로그램을 사용하여 압축 수준을 선택할 수 있습니다.일반적으로 값의 범위는 0에서 100 사이이며, 여기서 100은 거의 압축되지 않은 상태에서 가능한 최상의 품질입니다.일부 앱, 특히 Paint Shop Pro는 최고 품질의 0과 최저 품질의 100으로 이 척도를 뒤집습니다.0부터 100까지의 척도를 백분율로 착각하지 마십시오. 1/2을 사용해도 품질이 1/2이 되지 않으며 파일 크기가 1/2이 되지 않습니다.또한 이미지가 여전히 압축되어 미세한 세부 정보 손실이 발생하므로 100은 "100%"를 의미하지 않습니다.Wikipedia의 대부분의 JPEG는 페이지에 나타나기 전에 크기가 조정되므로 95의 품질 설정이 적절합니다.(95를 초과하는 설정은 크기를 크게 증가시키지만 이미지 품질은 거의 향상되지 않습니다.)
  • JPEG 압축은 약간 흐릿한 이미지에서 더 잘 작동하므로 이미지를 너무 선명하게 만들지 마십시오. 따라서 설치 공간이 더 커집니다.
  • 저장한 이미지를 저장할수록 품질이 점차 저하되므로 항상 원본 이미지에서 작업하고 이미 저장한 JPEG 파일에서 작업하지 마십시오. 이를 디지털 생성 손실이라고 합니다.따라서 기본 복사본은 원시 이미지 형식이나 PNG와 같은 무손실 형식으로 유지하는 것이 좋습니다.그러나 현재로서는 확장된 버전이 원래 이미지와 동일한 형식으로 유지되어야 하며 이미지의 복사본을 두 개 갖는 것은 유지 관리에 큰 부담이 됩니다.
  • 기존 JPEG 파일은 추가적인 품질 저하 없이 다음을 사용하여 조금 더 압축할 수 있습니다.jpegtran -optimize이렇게 하면 파일 크기는 작아지지만 압축 속도는 느려집니다.Jpegtran은 libjpeg의 일부입니다.littleutils라는 패키지에는 다음과 같은 스크립트가 포함되어 있습니다.opt-jpgJPEG 최적화 자동화, 사용jpegtran기본 엔진으로 사용할 수 있습니다.
  • JPEG 파일은 이미지 데이터에 영향을 주지 않고 파일에서 숨겨진 "추가"(또는 메타데이터)를 모두 제거하는 JPEG Extra를 사용하여 손실 없이 최적화할 수도 있습니다.
  • 그래픽 프로그램을 사용하면 저장하기 전에 이미지를 특정 크기로 줄일 수도 있습니다.이미지가 정보 상자에서만 사용되고 공정한 사용 규칙에 따라 사용되는 경우 표시되는 크기(예: 폭 220–300픽셀)보다 크지 않아야 합니다.앨범 표지에 대한 내용은 템플릿:인포박스 앨범 #Cover.

PNG 팁

프로그램의 다이어그램 및 화면 캡처 또는 이전 비디오 게임과 같이 사진이 아닌 이미지는 색상을 거의 사용하지 않습니다.적합한 경우 인덱스 모드로 이미지를 저장합니다.실제 색상 PNG는 파일 크기를 절약하면서 이미지 모양을 변경하지 않고 인덱스 모드로 변환할 수 있습니다.인덱스 모드 및 실제 색상에 대한 자세한 내용은 색상 깊이를 참조하십시오.

이미지 편집 프로그램은 최대 압축 옵션으로 실행되는 경우에도 PNG 압축이 제대로 되지 않는 것이 일반적입니다.따라서 품질 저하 없이 PNG를 압축할 수 있는 다양한 도구가 있습니다.그러나 보기 전에 Mediawiki에서 이미지 크기를 조정하는 경우 이러한 단계는 무의미합니다.이러한 일부 도구와 사용에 대한 정보가 아래에 나와 있습니다.

OptiPNG는 일반적으로 pngcrush보다 작은 파일을 출력합니다. 후자는 PNG [3]사양을 엄격히 준수하기 위해 일부 정보를 보존하기 때문입니다.AdvDef는 결과를 더욱 개선하기 위해 두 개 중 하나 뒤에 사용할 수 있습니다.AdvDef는 압축 자체만 최적화하므로 사용하기 쉽습니다.Zopfli는 pngcrush 또는 OptiPNG보다 더 나은 압축 비율을 달성하는 경향이 있지만 [4][5]실행하는 데 훨씬 더 오래 걸립니다.

빠른 압축을 위해서는 옵션이 전혀 없는 OptiPNG를 사용하기만 하면 됩니다.

optipg file.png

가장 작은 결과가 필요하고 시간이 중요하지 않은 경우 이러한 종류의 체인은 더 작은 가능한 결과를 생성합니다.

optipng -o7 file.png advdef -z4 file.png pngout /ks file.png deflopt file.png

이러한 각 유틸리티는 PNG에서 서로 다른 더욱 정교한 "디플레이트" 압축 방법을 사용하며 일반적으로 다른 도구를 실행할 때 더 작은 파일을 생성합니다.가장 작은 결과가 중요하다면, 무엇이 가장 좋은 결과를 만들어 내는지 알아보기 위해 실험을 해보세요.

압축 후에는 영상을 원본과 비교해야 합니다.간혹 원본의 왜곡으로 인해 무손실 압축 시에도 투명성이 손실되는 경우가 있습니다.이는 일반적으로 한 눈에 분명히 보이는 배경색의 변화로 나타납니다.

빠르고 더러운 최적화를 위해 littleutils 패키지에 있는 opt-png 스크립트가 유용할 수 있습니다.PNG 최적화를 자동화하여 pngcrush 및 pngrewrite의 변형을 기본 엔진으로 활용하여 옵티핑과 유사한 결과를 달성합니다.

또한 이러한 체인, 특히 pngrewrite 단계는 종종 저작권 또는 제작자 세부 정보를 포함하는 비이미지 블록을 폐기합니다.이 정보를 보존하려면 pngrewrite 및 기타 프로그램 옵션을 선택합니다.

PNG 파일은 이미지 데이터에 영향을 주지 않고 파일에서 숨겨진 "추가"(또는 메타데이터)를 모두 제거하는 PNGExtra를 통해 손실 없이 최적화할 수도 있습니다.

레퍼런스

  1. ^ "pinga, GUI image optimizer (PNG/JPG)". css-ig.net. Retrieved 2022-09-05.
  2. ^ "pingo, image optimizer for web". css-ig.net. Retrieved 2022-09-05.
  3. ^ "pngcrush and optipng notes". png-mng-implement (Mailing list). 2008-04-15. Archived from the original on 2012-03-05. Retrieved 2014-03-27.
  4. ^ "Compress data more densely with Zopfli". Google Developers Blog. Archived from the original on 1 November 2020. Retrieved 2020-11-02.
  5. ^ "Zopfli Optimization: Literally Free Bandwidth". Coding Horror. 2016-01-02. Archived from the original on 1 November 2020. Retrieved 2020-11-02.

참고 항목