주간 베스트 월간 베스트 3개월 베스트 베스트 게시물
연길시 신화서점 조선말 도서

이미지로딩 빠르게 하기

태성 | 2002.02.03 01:06:03 댓글: 0 조회: 621 추천: 11
분류컴관련 강좌·팁 https://life.moyiza.kr/itstudy/1746897

이 글은 홈페이지에서 그림이 빨리 뜨게 하는 방법 입니다..
한번 읽어보세요...

.........................................................................................

1.색상을 줄여버리자
로딩을 빠르게 하기 위해서는 이미지를 조각 내어서 올려 붙이는게 좋습니다. 이미지를 될수 있는대로 작게 하는 것이 보기도 좀 세련되게 보이기도 하고 로딩도 빠르게 합니다.그리고 포토샵을 사용하시는 방법은 gif 로 저장할 때 색상수를 줄이시면 용량이 작아집니다 .색상수를 줄이면 이미지가 깨어진다고요? 그럼 비슷한 색상으로 이미지의 색상을 칠하시면 색상수를 줄여도 이미지가 깨어지지 않습니다..

2. 이미지는 반드시 SIZE를 지정하자
나모로 작업할 경우 자동적으로 사이즈가 주어지지만 메모장으로 할 경우에는 반드시 이미지의 Widhth 와 Height 를 입력하여 주기 바랍니다.
이미지를 삽입시 가령 icon.gif (width=100, height=60 크기) 라는 이미지를 올린다면
[img src="sample.gif" width="200" height="60" alt="아이콘 이미지"]

이와같이 이미지의 폭과 높이를 모두 넣어 주는 것이 로딩에 도움을 줍니다.
또한 alt를 이용하여 이미지에 대한 설명을 주면 이미지가 만약 로딩이 안되었을 경우에는 글로 볼 수 있습니다.

3. 배경 이미지 고정하기
(네로형이 올린 배경이미지 고정하기 참조하세요)
배경이미지를 넣는 경우에는 아래의 태그를 추가삽입하여 주면 같은 배경이미지가 있는 페이지를 볼 때에 이미지가 로딩되는 시간을 절약합니다.밑에 태그를 태그에 삽입하면 됩니다. 단 익스플로러에서만 가능합니다.

4. 이미지는 4개정도만
대부분의 웹서버는 문서를 불러올 때 동시에 네개의 파일을 호출하므로 4개와 5개는 차이가 있습니다. 야후는 한페이지에 이미지를 네개 이상 쓰지 않는다고 합니다.

5. 같은 이미지 사용하기
컴퓨터에는 캐시기능이 잇어서 한번 읽은 파일은 임시파일로 저장되게 되어 있습니다 .그러니 저장된 이미지는 빨리 로딩될 수 있습니다.같은 아이콘, 같은 배경이미지를 사용하여 속도를 빠르게 해줍니다.

6. 이미지 아이콘화 시켜서 작은그림부터 보여주기
작은 이미지를 먼저 보여주고 원하면 클릭해서 큰 사진을 보여주는 것을 사용하는 것이 사용하여 큰 이미지가 로딩되지 않도록 합니다.

7. 애플릿 사용은 신중하게 사용합시다
꼭 써야 할 때가 생긴다면 다시 한번 신중히 생각하기 바랍니다. 간단하게 할 수 있는 자바스크립트도 있습니다.자바애플릿을 쓰는 웹디자이너는 드뭅니다. (자바애플릿은 될수록 사용하지 마쇼)

8. 그래도 이미지의 덩치가 크다면 이미지 용량줄이는 프로그램을 사용해야 합니다
추천 (11) 선물 (0명)
IP: ♡.99.♡.133
3,006 개의 글이 있습니다.
제목 글쓴이 날짜 조회
관리자
2003-09-20
11846
관리자
2003-09-20
11395
관리자
2003-09-20
20523
지구인
2010-08-27
19325
지구인
2009-09-07
13648
SOLIDH
2010-01-29
15601
엔죠라이프
2004-10-07
16701
네로
2002-03-15
1618
네로
2002-03-12
1510
노아
2002-03-10
1781
네로
2002-02-25
2644
네로
2002-02-22
521
네로
2002-02-17
1841
네로
2002-02-09
666
네로
2002-02-09
2492
네로
2002-02-09
1392
D3µX
2002-02-08
382
노아
2002-02-07
2483
네로
2002-02-05
426
태성
2002-02-03
916
태성
2002-02-03
389
태성
2002-02-03
407
태성
2002-02-03
621
태성
2002-02-03
504
태성
2002-02-03
377
태성
2002-02-03
483
태성
2002-02-03
520
태성
2002-02-03
393
모이자 모바일