🎲 Random Story

πŸ’ΎPNG? JPEG? GIF? 이 νŒŒμΌλ“€μ—λŠ” μ–΄λ–€ 차이가 μžˆμ„κΉŒ? 이미지 파일 포맷 ABC! μΌμƒμ—μ„œ ν”νžˆ λ³΄λŠ” 파일 포맷의 비밀을 μ•Œλ €λ“œλ¦½λ‹ˆλ‹€πŸ”

AISM 2023. 4. 23. 03:34
λ°˜μ‘ν˜•


μ•ˆλ…•ν•˜μ„Έμš”, μ—¬λŸ¬λΆ„! μ΅œκ·Όμ— λΈ”λ‘œκ·Έλ₯Ό μ‹œμž‘ν•˜λ©΄μ„œ λΈ”λ‘œκ·Έμ— μ‚¬μš©ν•  μ—¬λŸ¬ 이미지듀을 μˆ˜μ§‘ν•˜κ²Œ λ˜μ—ˆμ–΄μš”. 이 κ³Όμ •μ—μ„œ PNG, JPEG, GIF λ“± λ‹€μ–‘ν•œ ν˜•νƒœλ‘œ μ €μž₯λ˜λŠ” 이미지 νŒŒμΌλ“€μ„ 보고 각각 μ–΄λ–€ 차이가 μžˆλŠ”μ§€ κΆκΈˆν•΄μ Έ 이 λ‚΄μš©μ„ μ‘°μ‚¬ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€. κ·Έλž˜μ„œ μ˜€λŠ˜μ€ 우리 일상 μ†μ—μ„œ ν”νžˆ 보게 λ˜λŠ” 이미지 파일 포맷에 λŒ€ν•΄ μ•Œμ•„λ³Ό κ±΄λ°μš”. 주둜 μ‚¬μš©λ˜λŠ” PNG, JPEG, GIFλΆ€ν„° κ·Έ μ™Έ λ‹€λ₯Έ 이미지 νŒŒμΌλ“€κΉŒμ§€ κ°„λ‹¨ν•˜κ²Œ μ•Œμ•„λ³΄λ„λ‘ ν•΄μš”!

 


1. PNG (Portable Network Graphics) 🌈
PNGλŠ” μ••μΆ•λ˜μ§€ μ•Šμ€ 무손싀 이미지 ν˜•μ‹μ΄λžλ‹ˆλ‹€. 투λͺ…도λ₯Ό μ§€μ›ν•˜κΈ° λ•Œλ¬Έμ— λ””μžμΈμ΄λ‚˜ μ•„μ΄μ½˜, μ›Ή μš”μ†Œμ— 자주 μ‚¬μš©λ˜κ³  μžˆμ–΄μš”. λ˜ν•œ, μƒ‰μƒμ˜ 손싀이 μ—†μ–΄ 이미지 ν’ˆμ§ˆμ΄ λ†’μ§€λ§Œ, 파일 크기가 μƒλŒ€μ μœΌλ‘œ ν¬λ‹€λŠ” 단점이 있죠. μ›Ή νŽ˜μ΄μ§€ λ‘œλ”© 속도에 영ν–₯을 쀄 수 있기 λ•Œλ¬Έμ—, μ μ ˆν•œ μ΅œμ ν™”κ°€ ν•„μš”ν•©λ‹ˆλ‹€.

2. JPEG (Joint Photographic Experts Group) πŸ“·
JPEGλŠ” μ••μΆ•λ˜μ–΄ μ €μž₯λ˜λŠ” 손싀 이미지 ν˜•μ‹μ΄μ—μš”. μ‚¬μ§„μ΄λ‚˜ 일반적인 μ›Ή 이미지에 널리 μ‚¬μš©λ˜λ©°, 파일 크기가 μž‘μ•„μ„œ μ „μ†‘μ΄λ‚˜ μ €μž₯이 μš©μ΄ν•˜λ‹΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ μ••μΆ• κ³Όμ •μ—μ„œ 이미지 ν’ˆμ§ˆμ΄ 손상될 수 μžˆμ–΄μš”. λ”°λΌμ„œ, μ••μΆ•λ₯ κ³Ό ν’ˆμ§ˆ μ‚¬μ΄μ˜ κ· ν˜•μ„ λ§žμΆ°μ•Ό ν•œλ‹€λŠ” 점을 μœ μ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€.

3. GIF (Graphics Interchange Format) 🎞️
GIFλŠ” μ΅œλŒ€ 256 μƒ‰κΉŒμ§€ μ§€μ›ν•˜λŠ” 무손싀 이미지 ν˜•μ‹μ΄μ—μš”. μ• λ‹ˆλ©”μ΄μ…˜ κΈ°λŠ₯이 μžˆμ–΄μ„œ μ›€μ§€μ΄λ‚˜ κ°„λ‹¨ν•œ μ›€μ§μ΄λŠ” μ΄λ―Έμ§€λ‘œ 인기λ₯Ό 끌고 있죠. λ‹€λ§Œ, 색상 μ œν•œμœΌλ‘œ 인해 λ³΅μž‘ν•œ μ΄λ―Έμ§€μ˜ ν‘œν˜„μ—λŠ” ν•œκ³„κ°€ μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ, μ• λ‹ˆλ©”μ΄μ…˜ 파일의 크기가 컀질수둝 λ‘œλ”© 속도에 영ν–₯을 쀄 수 μžˆμ–΄μš”.

 


이미지 νŒŒμΌμ„ μ €μž₯ν•  λ•Œ λŒ€λΆ€λΆ„μ˜ κ·Έλž˜ν”½ νŽΈμ§‘ ν”„λ‘œκ·Έλž¨λ“€μ€ μ‚¬μš©μžκ°€ PNG, JPEG, GIF λ“± λ‹€μ–‘ν•œ 이미지 ν˜•μ‹ 쀑 μ›ν•˜λŠ” ν˜•μ‹μœΌλ‘œ μ €μž₯ν•  수 μžˆλŠ” μ˜΅μ…˜μ„ μ œκ³΅ν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, Adobe Photoshopμ΄λ‚˜ GIMP 같은 ν”„λ‘œκ·Έλž¨μ—μ„œλŠ” 이미지λ₯Ό μ €μž₯ν•˜λ € ν•  λ•Œ 파일 ν˜•μ‹μ„ 선택할 수 μžˆλŠ” 창이 λœΉλ‹ˆλ‹€. ν•˜μ§€λ§Œ 이미지 파일 ν˜•μ‹μ„ 선택할 λ•Œ, μœ„μ—μ„œ μ„€λͺ… λ“œλ¦° 각각의 νŠΉμ„±κ³Ό μš©λ„λ₯Ό κ³ λ €ν•˜μ—¬ μ €μž₯ν•˜λŠ” 것이 μ€‘μš”ν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, 투λͺ…ν•œ 배경이 ν•„μš”ν•œ 이미지라면 PNGλ₯Ό, μ‚¬μ§„μ΄λ‚˜ 일반적인 μ›Ή μ΄λ―Έμ§€μ˜ 경우 JPEGλ₯Ό μ‚¬μš©ν•˜λ©΄ μ’‹μŠ΅λ‹ˆλ‹€. μ΄λ ‡κ²Œ μ μ ˆν•œ 이미지 파일 ν˜•μ‹μ„ μ„ νƒν•¨μœΌλ‘œμ¨ 파일 크기와 ν’ˆμ§ˆμ„ μ΅œμ ν™”ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

 

κ·Έ 외에도 BMP, TIFF, SVG, WebP와 같은 λ‹€μ–‘ν•œ 이미지 파일 ν˜•μ‹λ“€μ΄ μžˆμŠ΅λ‹ˆλ‹€. 각각의 νŠΉμ„±κ³Ό μš©λ„μ— 따라 μ‚¬μš©λ˜κ³  μžˆμ–΄μš”.

 

Web Design

일반인 μž…μž₯μ—μ„œ 이런 이미지 νŒŒμΌλ“€μ„ ꡬ뢄할 쀄 μ•„λŠ” 것이 크게 μ€‘μš”ν•˜μ§€λŠ” μ•Šμ§€λ§Œ, μ›Ήμ‚¬μ΄νŠΈ μ œμž‘μ΄λ‚˜ λ””μžμΈ 업계에 μ’…μ‚¬ν•˜μ‹œλŠ” λΆ„λ“€ ν˜Ήμ€ κ·Έμͺ½ λΆ„μ•Όλ₯Ό μ§€λ§ν•˜κ³  μžˆλŠ” μ‚¬λžŒλ“€μ—κ²ŒλŠ” 각 이미지 파일 ν˜•μ‹μ˜ νŠΉμ„±κ³Ό μš©λ„λ₯Ό μ΄ν•΄ν•˜κ³  μ μ ˆν•˜κ²Œ μ‚¬μš©ν•˜λ©΄ 효율적인 이미지 관리와 ν’ˆμ§ˆ μœ μ§€κ°€ κ°€λŠ₯ν•΄μ§‘λ‹ˆλ‹€. λ”°λΌμ„œ κ΄€λ ¨ μ—…κ³„μ—μ„œ μΌν•˜μ‹œκ±°λ‚˜ κ·Έ λΆ„μ•Όλ₯Ό κ³΅λΆ€ν•˜λ €λŠ” λΆ„λ“€μ—κ²ŒλŠ” μ•Œμ•„λ‘λ©΄ 쒋은 정보가 될 κ±°μ—μš”.

μ—¬λŸ¬λΆ„μ΄ 이미지 파일 ν˜•μ‹μ— λŒ€ν•΄ μ΄ν•΄ν• μˆ˜λ‘, λΈ”λ‘œκ·Έ ν¬μŠ€νŒ…μ΄λ‚˜ λ””μžμΈ μž‘μ—…μ—μ„œ 이미지 νŒŒμΌμ„ 더 효율적으둜 ν™œμš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 이λ₯Ό 톡해 더 λ‚˜μ€ μ‚¬μš©μž κ²½ν—˜κ³Ό λΈ”λ‘œκ·Έλ‚˜ μ›Ήμ‚¬μ΄νŠΈμ˜ ν’ˆμ§ˆμ„ 높일 수 μžˆμ–΄μš”.

그럼 μ˜€λŠ˜μ€ μ—¬κΈ°κΉŒμ§€! λ‹€μŒ ν¬μŠ€νŠΈμ—μ„œ 또 λ§Œλ‚˜μš”~πŸ‘‹

λ°˜μ‘ν˜•