페이스북 트위터
alltechbites.com

HTML - 이미지 파일 관리 팁

Grant Tafreshi님이 2월 16, 2024에 게시함

HTML 그래픽. 항상 쉬운 일이 아닌 실제 균형 행동입니다. 현실을 직시하자. 모든 텍스트 인 웹 페이지는 단순히 체크 아웃하기 위해 지루합니다. 신문에서 사망 기사를 읽는 것과 같습니다. 따라서 그래픽은 웹 사이트를 약간 가문화하려고 시도 할 때 편리하게 찾을 수 있습니다. 문제는 그래픽, 또는 더 특별한 그래픽 파일이 매우 커질 수 있으며 전체 페이지에서 많은 시간이 걸릴 수 있다는 것입니다. 그래픽이 너무 많거나 선택한 그래픽이 크면 방문자가 페이지를로드하기 위해 인내심을 잃을 수 있습니다. 결과는 교대 한 이후로 청중을 잃어 버렸다는 것입니다. 그렇다면 어떻게 둔한 웹 사이트와로드하는 데 영원히 걸리는 것 사이의 균형을 잡을 수 있습니까? 이 게시물 에서이 문제에 대해 확실히 할 수있는 몇 가지 작업을 검토하겠습니다.

첫 번째로 가장 쉬운 움직임은 자신의 사이트에서 너무 많은 그래픽 파일을 사용하지 않는 것입니다. 때로는 전체 페이지에 신중하게 배치 된 그래픽 파일 몇 개가 방문자의 관심을 완전히 캡처하기 위해서는 특히 뉴스 항목이있는 페이지가있는 경우에도주의를 기울일 수 있습니다. 때로는 뉴스 헤드 라인 항목의 주요 주제에 대한 단 하나의 사진 인 Personality는 뉴스 헤드 라인 텍스트 옆에 필요한 모든 것입니다. 뉴스 헤드 라인 기사 자체가 초기 페이지를 넘어서면 다른 페이지에 관련 사진을 추가 할 수 있습니다. 이것은 항상 일부 시각을 제공함으로써 방문자에게 관심을 유지할 수 있습니다.

전체 페이지에 여러 장의 사진이 있어야한다면 다음으로 할 수있는 일은 각 그래픽이 얼마나 큰지를 줄이는 것입니다. 그래픽 파일은 픽셀로 구성되며 바이트로 현명하게 표시됩니다. 그래픽 파일의 바이트가 많을수록 파일이 클수록 전체 페이지에서로드하는 것이 길어집니다. 대부분의 그래픽 프로그램을 사용하면 압축하여 품질을 줄일 수 있습니다. 이는 몇 가지 그래픽 세부 사항 또는 픽셀 중 일부를 단단히 제거하여 수행됩니다. 반복을 사용하면 파일에서 충분한 세부 사항을 가져갈 수 있으므로 세부 사항 부족이 눈에 의해 거의 감지 할 수 없지만 동시에 64,000 바이트 그래픽 파일을 32,000 바이트 그래픽 파일로 줄이므로 변형 시간을 반으로 줄입니다. 페이지에 몇 장의 사진이 있으면 큰 차이가있을 수 있습니다.

수행 할 수있는 또 다른 것은 GIF 파일이라는 그래픽 파일을 사용하는 것입니다. 실제로로드 될 수 있으므로 실제로 사진이 화면에 점차 표시되는 경우 방문자가 파일이로드를 완료 한 후 이미지를 쉽게 볼 수 있음을 쉽게 알 수 있습니다. .

웹 사이트 디자이너가 때때로 잊어 버린 한 가지 브라우저는 일부 브라우저가 그래픽 파일을 올바르게 표시하거나 전혀 표시하지 않는다는 것입니다. 웹 디자인 서비스로서 이러한 가능성으로 인해 HTML을 코딩 할 때 방문자가 그래픽을 볼 수없는 경우 이미지 소스 태그에 대체 텍스트를 포함해야합니다. 거기있어.

또 다른 일은 사진이 페이지에 올바르게 프레임을 틀 었는지 확인하는 것입니다. 사진 주위의 경계를 원한다면 자신의 이미지 소스 파일에 테두리 = 1 태그를 추가하십시오.

마지막으로 이미지 소스 태그의 높이 및 너비 옵션인지 확인하십시오. 이것이하는 일은 HTML 코드가로드되기 전에도 사진의 정확한 영역을 제공하도록하는 것입니다. 이것은 메모리 관리 방식으로 인해 로딩 시간을 늘리는 데 도움이 될 수 있습니다.