toolzip 님의 블로그

  • 홈
  • 태그
  • 방명록

Canvas API 1

브라우저는 어떻게 이미지를 보여주는가 — 파일에서 화면까지의 여정

웹 페이지에서 이미지를 클릭하거나 사진을 업로드하면 순식간에 화면에 표시됩니다. 이 과정이 실제로 어떻게 이루어지는지 알고 나면 웹이 다르게 보입니다.1단계 — URL 요청: 이미지 파일의 위치를 찾습니다HTML 코드에 이런 태그가 있다고 합시다.브라우저는 이 태그를 발견하면 example.com 서버에 photo.jpg 파일을 달라고 요청합니다. 이것이 HTTP 요청입니다.서버는 파일을 찾아서 바이트 데이터로 전송합니다. 네트워크를 통해 이 데이터가 브라우저에 도착합니다.2단계 — 디코딩: 압축을 풉니다서버에서 받은 데이터는 JPG, PNG, WEBP 같은 압축 형식입니다. 브라우저는 이 압축을 풀어야 합니다.JPG 디코딩: 압축된 주파수 데이터를 역변환해서 픽셀 색상값으로 변환합니다.PNG 디코딩: ..

Info 2026.10.05
이전
1
다음
더보기
프로필사진

toolzip 님의 블로그

30년차 개발자입니다. 파일 하나 변환하려고 프로그램 설치하기 싫어서 브라우저에서 바로 쓰는 도구들 만들었습니다. 가끔 개발 이야기, 기술 이야기도 씁니다. 이미지·PDF·동영상·3D 등 86가지 무료 도구. → toolzip.app

  • 분류 전체보기 (83) N
    • ToolZip (67) N
    • Info (6) N
    • Dev (7) N
    • Life (3)

Tag

QR코드원리, 월납입금계산, 썸네일만들기, WebP변환, 이미지용량줄이기, 이미지압축무료, 웹서비스무료운영, toolzip, 온라인동영상편집, 이미지변환무료, PDF편집, 바코드생성, Unix타임스탬프, 크롬이미지저장, PDF온라인, 마크다운미리보기, 온라인이미지편집, 3D파일뷰어무료, WEBP파일열기, 사진용량줄이기,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/10   »
일 월 화 수 목 금 토
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 © Daum Corp. All rights reserved.

  • ToolZip

티스토리툴바