비디오: Week 9 2024
오늘날 디지털 카메라와 스캐너는 놀라운 기술입니다. 이미지를 사용하여 HTML5 및 CSS3 웹 페이지에 이미지를 추가 할 수 있습니다. 저렴한 가격의 카메라조차도 구식 아날로그 카메라의 해상도에 접근 할 수 있습니다. 스캐너는 또한 전통적인 이미지를 컴퓨터에서 사용하는 디지털 형식으로 변환 할 수 있습니다.
두 경우 모두 기본 이미지는 문제를 일으키는 형식 일 수 있습니다. 디지털 이미지는 일련의 도트 또는 픽셀로 저장됩니다. 인쇄 할 때, 도트는 매우 가깝지만 컴퓨터 화면에는 큰 점이 있습니다. 이 이미지는 디지털 카메라에서 직접 볼 수 있습니다.
이 사진 (구형 디지털 카메라에서 촬영 한 것)은 6 메가 픽셀 (MP)입니다. 그것은 꽤 좋은 해결책이지만, 현대의 디지털 카메라는 훨씬 더 높습니다. 종이에 그 그림을 인쇄하면 모든 점들이 매우 작아서 멋진 그림을 얻을 수 있습니다. 컴퓨터 화면에 동일한 그림을 표시하려고하면 모서리 하나만 보입니다.
이 실제 사진은 2, 816 픽셀, 2, 112 픽셀 높이로 나옵니다. 스크린 샷은 1024 × 768 픽셀로 찍히기 때문에 이미지의 작은 부분 만 볼 수 있습니다. 이미지의 1/4 이하가 표시됩니다.
대부분의 브라우저에서 큰 이미지를 보면 페이지에 맞게 이미지의 크기가 자동으로 조정됩니다. 일반적으로 커서는 일종의 돋보기 모양으로 변하고 이미지를 클릭하면 전체 크기 또는 더 작은 크기로 볼 수 있습니다.
일부 이미지 뷰어는 매우 큰 이미지를 가져 와서 화면 크기에 맞게 자동으로 크기를 조정합니다. 이것은 Windows의 기본 이미지 뷰어 및 대부분의 브라우저의 기본 동작입니다.이 기능으로 인해 이미지가 적당한 크기로 표시 될 수 있지만 실제 웹 페이지에서는 다운로드하기가 어려울 수 있습니다. 이미지를 사용하기 전에 이미지의 실제 크기를 알고 있어야합니다.
전체적으로 볼 수 있도록 이미지를 축소하는 것은 분명히 유익하지만, 그렇게할만한 이유가 있습니다. 화면의 각 픽셀에는 3 바이트의 컴퓨터 메모리가 필요합니다. (999 바이트 는 컴퓨터의 기본 메모리 단위입니다.) 비교를 위해 텍스트의 한 문자에는 대략 1 바이트가 필요합니다. 우주선의 압축되지 않은 이미지는 무려 17 메가 바이트 (MB)입니다. 한 단어를 5 문자로 생각하면 디지털 카메라에서 바로 한 장의 사진이 대략 3, 400, 000 단어의 저장 공간과 전송 시간을 차지합니다.이 이미지는 56K 모뎀에서 다운로드하는 데 약 3 분이 걸립니다! 웹 페이지에서 작은 이미지는 종종 약 320 × 240 픽셀로 표시되고 큰 이미지는 종종 640 × 480 픽셀로 표시됩니다. 소프트웨어를 사용하여 실제로 필요한 크기로 이미지를 다시 샘플링하고 적절한 압축 알고리즘을 사용하면 이미지가 올바르게 보이게 할 수 있습니다.
이미지의 새 버전은 필요한 크기와 파일 형식이며,보기에도 좋고 훨씬 더 합리적인 88 킬로바이트의 무게입니다. 원본 이미지 크기의 2 %입니다.
이 그림은 원본 이미지보다 훨씬 작지만 텍스트보다 많은 메모리를 사용합니다. 이 작은 이미지조차도 1,600 단어만큼의 전송 시간과 저장 공간을 차지합니다! 광대역 연결 없이도 다운로드에는 10 초가 걸립니다. 현명하게 이미지를 사용하십시오.
이미지는 훌륭하지만 이미지를 사용할 때 명심해야합니다.
이미지를 표시 할 가치가 있는지 확인하십시오.
각 그림을 사용하면 페이지에 액세스하는 속도가 크게 저하되므로 좋은 이유없이 사진을 사용하지 마십시오.
-
소프트웨어를 사용하여 이미지의 크기를 조정하십시오. 자유 소프트웨어를 사용하여 필요한 크기로 이미지를 변경할 수도 있습니다.
-
압축 형식을 사용하십시오. 이미지가 너무 크기 때문에 웹상의 이미지는 원래 형식으로 거의 사용되지 않습니다. 다양한 형식의 이미지 작업에 유용한 여러 가지 형식이 등장했습니다.
-