홈으로 홈으로 | 무료회원가입 | 아이디/비번찾기 | 즐겨찾기
메인홈1대1상담음악방송청취

음악가사 검색
이아인사랑
트로트발전연구소
음악방송 안드로이드앱 제작
온라이브스토어(앱다운로드)
온라이브(방송등록및청취)
Search Video Best 50
금영노래방
TJ노래방
유튜브 동영상 다운로드
POP Player
신나는 고스톱
컴퓨터 오목
작은 음악다방
운.영.자.1대1.상담
FAQ\지원.프로그램
Q&A\고.객.지.원

자동러시 웹플레이어신청

보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
이미지 로딩을 빠르게 하자
홈페이지홈페이지 13년 전
■색상을 줄여버리자

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

■이미지는 반드시 SIZE를 지정하자

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

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

■ 배경 이미지 고정하기

간단한 예로 TJC 메인화면에서 사용하고 있는 배경이미지를 들 수 있습니다.
배경이미지를 넣는 경우에는 아래의 태그를 추가삽입하여 주면 같은 배경이미지가 있는 페이지를 볼 때에 이미지가 로딩되는 시간을 절약합니다.밑에 태그를 태그에 삽입하면 됩니다. 단 익스에서만 가능


■ 이미지는 4개정도만

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

■ 같은 이미지의 사용하기

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

■ 이미지 아이콘화 시켜서 작은그림부터 보여주기

작은 이미지를 먼저 보여주고 원하면 클릭해서 큰 사진을 보여주는 것을 사용하는 것이 사용하여 큰 이미지가 로딩되지 않도록 합니다.

■ 애플릿 사용은 신중하게 사용합시다

꼭 써야 할 때가 생긴다면 다시 한번 신중히 생각하기 바랍니다. 간단하게 할 수 있는 자바스크립트도 있습니다.자바애플릿을 쓰는 웹디자이너는 드뭅니다.

■ 그래도 이미지의 덩치가 크다면 이미지 용량줄이는 프로그램을 사용해야 합니다.  
추천추천 : 237 추천 목록
번호 제목
3,012
 텍스트 줄바꿈, 글자자르기 CSS
3,011
 jQuery Mobile에서 유용한 코드 10가지.
3,010
 [PHP] dirname()함수와 $_SERVER 관련 상수들
3,009
 [PHP] 파일 크기, 사이즈 불러오는 함수, filesize()
3,008
 [jQuery] jQuery Quick API
3,007
 [ transition ] 링크 hover 색상 변화 속도 조절
3,006
 PHP 5.3.0 에서 사라진 함수들 대체
3,005
 어떤 파일들이 include 나 require 되었는지 확인하는 함수(get_included_files)
3,004
 PHP 날짜 형식 및 계산하기(날짜 더하고 빼기)
3,003
 jQuery Mobile에서 유용한 코드 10가지.
3,002
 값이 배열 안에 존재하는지 확인하는 in_array함수
3,001
 사용자가 웹브라우저에서 뒤로가기를 했을때 감지하는 방법
3,000
 [jQuery]버튼 활성화, 비활성화
2,999
 jQuery show() / hide() / toggle() 사용법
2,998
 jquery 여러가지 이벤트
2,997
 border-radius 속성
2,996
 네이버 오픈API 음성합성 API 사용하는 PHP 샘플코드
2,995
 UTF8 한글 자르기..
2,994
 iconv 에러 발생시 계속 처리하기 옵션
2,993
 [PHP] 현재 페이지의 도메인 , URL 정보 알아내기.
2,992
 [PHP] 막강 기능 배열..
2,991
 [CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )
2,990
 [Mobile] - 모바일웹 Href 태그속성들
2,989
 [JqueryMobile] - 현재화면의 가로세로 사이즈 구하기
2,988
 [JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법
2,987
 jquery로 가로 넓이(width), 세로 높이(height) 자동 조절
2,986
 iframe 높이 jquery로 자동조절하기
2,985
 jQuery 오른쪽 영역의 높이를 왼쪽 영역의 높이와 동일하게 하기
2,984
 jquery에서 테이블 짝수, 홀수 번째 TR 배경색 변경하기
2,983
 jquery에서 테이블에 마우스 오버시 해당 행의 배경색상 변경하기
2,982
 jquery 스크립트내 특정값 확인하기 (디버깅)
2,981
 jquery cookie (jquery.cookie.js)
2,980
 jquery div 기본 넓이, 높이 계산 및 padding, border 포함 하기
2,979
 jquery 다른버전 추가 사용시 충돌 방지 (카페24 스마트디자인 기본내장 jquery 1.4.4 버전과 충돌시 해결방법)
2,978
 특정 페이지 종료시 확인 경고창 출력
목록
추천음악방송
인기트로트메들리모음
추천 트로트
감성 트로트
밤무대 애창곡
전자올겐 경음악
작은 음악다방
종합성인가요방
카바레 음악
트롯디스코팡팡
관광 메들리
트롯카페
가요감상실
추억의옛노래
스페셜가요광장
BillBoard Free
Dance&Remix
Pandora TV
추천가요모음
경음악.전자올겐
스페셜음악여행
WOLRD POPs
K-POP\BillBoard
JP\CN
POP TOP BEST
K.R.노래방

추천가요\인기
F뮤직 인기\발라드
F뮤직 애창\트로트
트로트성인가요
인기가요
프리미엄 POP
경음악\기타
프리미엄 최신가요
프리미엄 성인가요
가요1번지(종합)
뮤직하우스
동요\연변\반주\기타
앗싸! 뽕짝
가요 포장마차
가요축제\트롯1번지
댄스\메들리\리믹스
카페\명상\경음악\기타
추천가요\POP\기타
최신가요\인기가요
뮤직트로트 부산광역시부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.