IT Image Tools

Base64 Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

Π”Π΅ΠΊΠΎΠ΄ΠΈΡ€ΡƒΠΉΡ‚Π΅ строку Base64 ΠΈΠ»ΠΈ data URI ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, просмотритС Π΅Π³ΠΎ ΠΈ скачайтС ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ». БСсплатно, ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΈ Π½Π° 100% Π² вашСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

πŸ”’ Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π² вашСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ β€” Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ загруТаСтся

Π Π΅ΠΊΠ»Π°ΠΌΠ°

ΠŸΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚Π΅ тСкст Base64 ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

Base64 β€” это способ записи Π΄Π²ΠΎΠΈΡ‡Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… Π² Π²ΠΈΠ΄Π΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ тСкста, ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊ изобраТСния ΠΏΠΎΠΏΠ°Π΄Π°ΡŽΡ‚ Π² ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ JSON, HTML-письма, Ρ„Π°ΠΉΠ»Ρ‹ CSS, поля Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ API. Π­Ρ‚ΠΎΡ‚ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ Base64 Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ выполняСт ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΉ процСсс: Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ тСкст β€” ΠΈ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΈΡΡ…ΠΎΠ΄Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Π³ΠΎΡ‚ΠΎΠ²ΡƒΡŽ ΠΊ просмотру ΠΈ ΡΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΡŽ ΠΊΠ°ΠΊ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ».

МоТно Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ Ρ‡ΠΈΡΡ‚ΡƒΡŽ строку Base64, Ρ‚Π°ΠΊ ΠΈ ΠΏΠΎΠ»Π½Ρ‹ΠΉ data URI, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ data:image/png;base64,iVBORw0…. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ удаляСт Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΎΡ‡ΠΈΡ‰Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ ΠΈ пСрСносы строк, ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ URL-бСзопасныС символы ΠΈ восстанавливаСт Π½Π΅Π΄ΠΎΡΡ‚Π°ΡŽΡ‰Π΅Π΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅Π΄ Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π΄Π΅ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π±Π°ΠΉΡ‚ΠΎΠ².

АвтоматичСскоС ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°

ВмСсто Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ заявлСнному MIME-Ρ‚ΠΈΠΏΡƒ, Π΄Π΅ΠΊΠΎΠ΄Π΅Ρ€ провСряСт ΠΏΠ΅Ρ€Π²Ρ‹Π΅ Π±Π°ΠΉΡ‚Ρ‹ Ρ„Π°ΠΉΠ»Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΠΏΠΎΠ·Π½Π°Ρ‚ΡŒ изобраТСния PNG, JPEG, GIF, WebP, BMP, AVIF, ICO ΠΈ SVG. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ строка Π±Π΅Π· Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈΠ»ΠΈ с Π½Π΅Π²Π΅Ρ€Π½Ρ‹ΠΌ Ρ‚ΠΈΠΏΠΎΠΌ всё Ρ€Π°Π²Π½ΠΎ Π΄Π°Ρ‘Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ с ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ. Π‘Ρ‚Ρ€ΠΎΠΊΠ° состояния ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π² пиксСлях ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ быстро ΡƒΠ±Π΅Π΄ΠΈΠ»ΠΈΡΡŒ, Ρ‡Ρ‚ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ соотвСтствуСт оТиданиям.

ΠšΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ

Π‘Ρ‚Ρ€ΠΎΠΊΠΈ Base64 часто бСрутся ΠΈΠ· Π»ΠΎΠ³ΠΎΠ², ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ² API ΠΈΠ»ΠΈ Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ изобраТСния. Π—Π΄Π΅ΡΡŒ всё Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² вашСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ atob ΠΈ Blob URL β€” вставлСнный тСкст Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ отправляСтся Π½Π° сСрвСр. Если строка Π½Π΅ являСтся ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½Ρ‹ΠΌ Base64 ΠΈΠ»ΠΈ дСкодируСтся Π²ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π΅ являСтся ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ понятноС сообщСниС вмСсто ΠΏΠΎΠ²Ρ€Π΅ΠΆΠ΄Ρ‘Π½Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

УстранСниС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ

  • Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ скопирована вся строка; ΠΎΠ±Ρ€Π΅Π·Π°Π½Π½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π΅ дСкодируСтся ΠΈΠ»ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π°ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρƒ нарисованноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.
  • Π£Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠΊΡ€ΡƒΠΆΠ°ΡŽΡ‰ΠΈΠ΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ, экранированиС JSON Π²Ρ€ΠΎΠ΄Π΅ \n ΠΈ ΠΎΠ±Ρ‘Ρ€Ρ‚ΠΊΡƒ url(…).
  • Если строка дСкодируСтся, Π½ΠΎ это Π½Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, это PDF ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ‚ΠΈΠΏ Ρ„Π°ΠΉΠ»Π° β€” ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π΄Ρ€ΡƒΠ³ΠΎΠΉ инструмСнт.
  • Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ инструмСнтом Β«Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Base64Β».

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ

  1. Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Base64Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π² ΠΏΠΎΠ»Π΅ строку Base64 ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π½Ρ‹ΠΉ data URI.
  2. ДСкодируйтСНаТмитС Β«Π”Π΅ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ прСдпросмотр с Ρ‚ΠΈΠΏΠΎΠΌ, Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ„Π°ΠΉΠ»Π°.
  3. БкачайтСНаТмитС Β«Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΄Π΅ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» с ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ.

Часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Π΅ вопросы

КакиС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Base64 ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ?
Π›ΠΈΠ±ΠΎ чистая строка Base64, Π»ΠΈΠ±ΠΎ ΠΏΠΎΠ»Π½Ρ‹ΠΉ URI data:image/png;base64,…. URL-бСзопасный Base64 ΠΈ строки с пСрСносами ΠΈΠ»ΠΈ Π±Π΅Π· выравнивания Ρ‚ΠΎΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚.
Как инструмСнт опрСдСляСт Ρ‚ΠΈΠΏ изобраТСния?
Он считываСт сигнатуру Ρ„Π°ΠΉΠ»Π° (magic bytes) Π΄Π΅ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ…, поэтому PNG, JPEG, GIF, WebP, BMP, AVIF, ICO ΠΈ SVG Ρ€Π°ΡΠΏΠΎΠ·Π½Π°ΡŽΡ‚ΡΡ, Π΄Π°ΠΆΠ΅ Ссли Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ data URI отсутствуСт ΠΈΠ»ΠΈ Π½Π΅Π²Π΅Ρ€Π΅Π½.
ЗагруТаСтся Π»ΠΈ ΠΌΠΎΠΉ тСкст Base64?
НСт. Π”Π΅ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ atob ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Blob Π² вашСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, поэтому Π½ΠΈΡ‡Ρ‚ΠΎ Π½Π΅ ΠΏΠΎΠΊΠΈΠ΄Π°Π΅Ρ‚ вашС устройство.
Π Π΅ΠΊΠ»Π°ΠΌΠ°