을 사용하여 넓은 영역의 단색 이미지를 최적화 이미지를 사용하여 GIF 형식을 사용하여 넓은 영역의 단색 이미지 - 더미

비디오: GIF 파일 탄생 30주년…'움짤' 전성시대 / YTN 사이언스 2024

Dummies 치트 시트 용 HTML5 및 CSS3 부분

사실적 이미지에 텍스트가 겹쳐진 그래픽을 최적화 할 때 사실적인 이미지 영역을위한 별도의 슬라이스를 만들고 텍스트가 포함 된 이미지 영역에 대한 추가 슬라이스를 만들어야합니다. GIF 형식을 사용하여 텍스트가 포함 된 영역을 내보내고 JPEG 형식을 사용하여 이미지의 사실적 영역을 내보내십시오. 다음은 당신을 도울 수있는 몇 가지 요령입니다:

고화질 JPEG 이미지의 경우 내보낼 때 품질 설정 70을 사용하십시오. 작은 JPEG 이미지의 경우 품질 설정 50으로 가져올 수 있습니다.
제품 또는 사진 작가를위한 사진 갤러리를 만드는 경우 품질 설정 80의 JPEG 형식으로 이미지를 내 보냅니다.
JPEG 형식을 사용하여 이미지를 압축 할 때 이미지의 오브젝트 가장자리에주의하십시오. 픽셀을보기 시작하거나 가장자리에 정의가 부족하면 이미지를 너무 멀리 압축합니다.
GIF 파일 형식을 사용하여 이미지를 내보낼 때 가장 선명한 이미지를 생성하는 색상 수를 최소로 사용하면 이미지를 빠르게로드 할 수 있습니다.
웹 사이트 용 이미지를 다시 샘플링 할 때 필요한 최대 해상도는 인치당 72 픽셀입니다.

비디오가없는 웹 사이트는 점점 희귀 해지고 있습니다. 동영상은 인터넷 어디에서나 볼 수 있습니다. 엔터테인먼트, 광고, 록 스타 및 기타 아티스트 홍보에 사용됩니다. 비디오가 잘되면, 그것은 아름다움의 것입니다. 웹 페이지에 비디오를 추가 할 때 고려해야 할 사항은 다음과 같습니다.

비디오는 많은 대역폭을 사용합니다. 웹 사이트의 대역폭이 초과되면 요금이 오히려 높을 수 있습니다. 웹 사이트에 비디오를 호스팅하는 대신 YouTube에 업로드 한 다음 비디오를 웹 페이지 또는 블로그에 포함하십시오.
라이센스 확인: 상업용 웹 사이트에서 공급자 또는 제조업체의 비디오를 사용하는 경우 공급 업체 또는 제조업체의 라이센스가 적용되는지 확인하십시오.
고품질 비디오 캠코더를 사용하여 비디오 녹화: 아니오, iPhone은 고품질 캠코더가 아닙니다. 웹용으로 저품질 비디오를 인코딩하면 품질이 떨어집니다. 오래된 공리를 기억하십시오. 쓰레기통, 쓰레기통.
웹 사이트 시청자에게 동영상을 보려면 필요한 플러그인이 있는지 확인하십시오.
동영상으로 HTML5 페이지를 만드는 경우 사이트의 잠재 고객이 HTML5 호환 브라우저를 사용하는지 확인하십시오.
여러 비디오 클립을 편집하여 웹용 비디오를 만들 때 영상 효과를 사용하지 마십시오. 비디오 전환은 HD 비디오에서 잘 보이지만 웹용 비디오를 인코딩 할 때 잘 보이지 않습니다.