Blue Breeze

  • Home
  • Tag
  • MediaLog
  • LocationLog
  • Guestbook
  • Admin
  • Write

2018/08/16 1

이미지 최적화.... 뭐가 이래 복잡해..

이미지 최적화 srcset 및 picture 이미지 최적화 이미지 제거 및 바꾸기 불필요한 이미지 리소스 제거 가능한 경우 CSS3 효과 활용 이미지에서 인코딩 텍스트 대신 웹 글꼴 사용 고해상도 화면의 영향 벡터이미지를 추천. 래스터 이미지를 사용해야한다면 srcset 및 picture를 사용하여 각 이미지에 대한 여러 버전을 제공하고 최적화. 압축이미지 압축 이미지 기법은 기기의 실제 성능에 상관없이 높은 압축율의 2x 이미지를 모든 기기에 제공. 이미지 유형과 압축 수준에 따라 파일 크기가 상당히 줄어들지만 화질은 별차이가 없어 보일 수 있다. Caution 압축 기법 사용 시 메모리가 늘어나고 디코딩 비용이 필요하므로 주의하세요. 작은 화면에 맞게 큰 이미지의 크기를 조정하는 것은 비용이 많이 들..

lang/front 2018.08.16
1
더보기
프로필사진

C.H가 끄적이는 개발자 로그

  • 분류 전체보기 (1443)
    • google (65)
      • gmail (14)
      • analytics (10)
      • adsence (2)
      • search (3)
      • protocol-buffer.. (19)
    • aws (5)
    • os (222)
      • Window (49)
      • Linux (80)
      • Ubuntu (74)
      • MAC (15)
    • virtual (22)
      • Vbox (14)
      • Docker (8)
    • lang (514)
      • php (116)
      • py (36)
      • node (65)
      • ruby (5)
      • java (27)
      • asp (18)
      • vb (4)
      • tdd (6)
      • dart (10)
      • html (83)
      • css (16)
      • js (73)
      • jquery (8)
      • ng (13)
      • underscore (2)
      • vue (4)
      • front (15)
      • ELK (3)
    • web (10)
      • webmin (1)
      • gnuboard (1)
      • wordpress (1)
    • server-side (48)
      • haproxy (18)
      • apache (11)
      • nginx (6)
      • mail (2)
    • db (88)
      • mysql (51)
      • mssql (6)
      • oracle (11)
      • redis (6)
    • net (9)
    • hw (4)
      • raspberry (1)
      • aduino (1)
    • secure (8)
      • mod_security (1)
      • iptable (2)
      • ufw (1)
    • vcs (34)
      • svn (18)
      • git (15)
    • api (1)
    • pg (0)
    • sns (21)
      • twitter (6)
      • mypickup (7)
    • ux (9)
      • plan (1)
      • img (2)
    • pe (38)
      • project (3)
      • pm (3)
      • standard (13)
    • ide (105)
      • eclipse (13)
      • androidstudio (38)
      • brackets (3)
      • intellij (3)
      • phpstorm (8)
      • vim (19)
      • sublime (4)
      • vscode (7)
    • game (57)
      • construct (1)
      • godot (53)
    • it (85)
      • tech (10)
      • mbi (6)
      • ddh (5)
      • etc (55)
    • etc (97)
      • 공예 (1)
      • 생활 (6)
      • 건강 (9)
      • 문화 (4)
      • 경제 (5)
      • 정치,시사 (6)
      • 日記 (12)
      • book (23)
      • email-subscribe (1)

Tag

ubuntu, PHP, Python, API, 구글, error, 우분투, node, java, Godot, Android, Google, Linux, nodejs, windows, HTML, CSS, mysql, javascript, Godot3,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 티스토리 반응형 디자인 적용
  • 티스토리로 이전 했습니다.
  • 스킨 수정했습니다.

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2018/08   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 소프트웨어 공학 포털
  • EMB
  • Vim Awesome
  • Vim Cheat Sheet - ko
  • straight-ci-layout
  • straight-ci-bbs
  • CodeIgniter 한국사용자포럼
  • 투명사회를 위한 정보공개센터
  • OK 마인드
  • Dart Tutorial
  • 한국정보통신기술협회

티스토리툴바