비디오: HTML5&CSS3 기초 1강 HTML5의 개요 및 개발환경 구축 | T아카데미 2024
다른 모든 이미지 조작 트릭은 선택 사항 일 수 있지만 HTML5 및 CSS3 웹 페이지의 이미지 크기를 정말로 조정해야합니다. 고속 연결은 거대한 이미지에 문제가 없을지라도, 부풀어 오른 이미지 크기보다 더 약한 연결성을 가진 사용자가 액세스 할 수없는 웹 페이지는 없습니다.
IrfanView로 이미지 크기를 조정하려면 다음 단계를 수행하십시오.
-
이미지를 IrfanView에로드하십시오.
이미지를 IrfanView 아이콘으로 끌거나 IrfanView의 열린 인스턴스로 드래그하거나 IrfanView 내의 메뉴를 사용하여이 작업을 수행 할 수 있습니다.
-
이미지 메뉴에서 크기 조정 / 리샘플링을 선택하십시오.
이 단계에서는 Ctrl + R을 사용할 수도 있습니다.
-
새 이미지 크기를 결정합니다.
많은 표준 이미지 크기를 사용할 수 있습니다. 800 × 600 픽셀은 대부분의 브라우저에서 큰 이미지를 만듭니다. 이미지를 작게하려면 텍스트 상자에 크기를 입력해야합니다. 웹 페이지에 포함 된 이미지의 크기는 가로 320 픽셀, 세로 240 픽셀입니다. 좋은 출발점입니다. 작은 것이면보기가 어려우며, 큰 것은 화면 공간을 너무 많이 차지할 수 있습니다.
-
제공된 확인란을 사용하여 가로 세로 비율을 유지합니다.
높이와 너비의 비율을 유지합니다. 그렇지 않으면 이미지가 왜곡 될 수 있습니다.
-
결과 이미지를 새 파일로 저장하십시오.
이미지를 작게 만들면 데이터가 손실됩니다. 웹에 올려 놓은 버전은 완벽하게 괜찮지 만, 다시 크기를 조정하려는 경우 원래의 큰 이미지에 매달려 있어야합니다.
-
크기를 조정하지 않고 리 샘플.
리샘플링 는 이미지 크기를 변경하는 데 더 느리지 만 더 정확한 기술입니다. 이것은 IrfanView의 기본 동작이므로 혼자 두십시오. 현대 컴퓨터에서도 여전히 빠릅니다. 원하는 경우 기본 필터 (Lanczos)를 사용하면 다른 필터를 사용해 더 빠른 변환을 시도 할 수 있지만 괜찮습니다.