Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Как ΠΎΡ‚Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Β Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ β€” Π‘Π»ΠΎΠ³ HTML Academy

Π”Π°Π²Π°ΠΉΡ‚Π΅ разбСрёмся, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΈΒ ΠΊΠ°ΠΊ ΠΈΡ…Β ΠΎΡ‚Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚Β Π΄Ρ€ΡƒΠ³Π°. ΠžΡ‚Β Ρ‚ΠΈΠΏΠ° изобраТСния зависит Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ на страницу.

ВСория

ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

Π‘Π»ΠΎΠ²ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ происходит от английского слова Β«content» — содСрТимоС. Π‘Β ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π°ΠΊΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΌΡ‹Β ΠΌΠΎΠΆΠ΅ΠΌ донСсти Π΄ΠΎΒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ к сСбС на страницу, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π²Β Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅ <img>. Для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ описываСт то, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ Π½Π°Β ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅.

Π”Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

Из названия понятно, Ρ‡Ρ‚ΠΎ этот Ρ‚ΠΈΠΏ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ для оформлСния. Π’Π°ΠΊΠΈΠ΅ изобраТСния нС нСсут для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Π”Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ изобраТСния слСдуСт Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS.

ΠŸΡ€Π°ΠΊΡ‚ΠΈΠΊΠ°

Π’Β Ρ‚Π΅ΠΎΡ€ΠΈΠΈ всё просто, Π½ΠΎΒ Π½Π°Β Π΄Π΅Π»Π΅ ΠΌΡ‹Β ΠΌΠΎΠΆΠ΅ΠΌ ΡΡ‚ΠΎΠ»ΠΊΠ½ΡƒΡ‚ΡŒΡΡ с нСоднозначными ситуациями, Π²Β ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Β Ρ‚Π°ΠΊ-Ρ‚ΠΎ просто ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ‚ΠΈΠΏ изобраТСния. Π”Π°Π²Π°ΠΉΡ‚Π΅ вмСстС рассмотрим Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ситуации Π½Π°Β ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ….

ΠžΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹Π΅ случаи

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π° Π²Β ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π°, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½ΠΎΠ΅
ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° Ρ‚ΠΎΠ²Π°Ρ€Π° на сайтС EdoqueΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² на сайтС Cadbury

Π’Π°ΠΊΠΈΠ΅ изобраТСния содСрТат ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ о внСшнСм Π²ΠΈΠ΄Π΅ Ρ‚ΠΎΠ²Π°Ρ€Π°. Если ΠΎΠ½ΠΈ ΠΏΠΎΒ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ нС отобразятся, Ρ‚ΠΎΒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ потСряСт Ρ‡Π°ΡΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎΒ Ρ‚ΠΎΠ²Π°Ρ€Π΅.

РСализация: <img>

Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½ΠΎΠ΅
Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ на сайтС Haribo-shopΠ›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ на сайтС EvercodelabΠŸΠ°Ρ€Ρ‚Π½Ρ‘Ρ€ΡΠΊΠΈΠ΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ на сайтС Specia

Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ ΠΊΠ°ΠΊ тСкстом, Ρ‚Π°ΠΊ ΠΈΒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, поэтому Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π°Β ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚. Π’Β ΠΏΡ€ΠΈΠ²Π΅Π΄Ρ‘Π½Π½Ρ‹Ρ… Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ прСдставлСн ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ содСрТит Π²Π°ΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΒ Π½Π°Π·Π²Π°Π½ΠΈΠΈ сайта.

Π˜Β Ρ‚Π°ΠΊΠΆΠ΅ часто Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ Π±Π»ΠΎΠΊΠΈ с партнёрскими Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°ΠΌΠΈ. Π’Β Ρ‚Π°ΠΊΠΈΡ… ситуациях Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½Ρ‹ΠΌΠΈ изобраТСниями.

РСализация: <img>

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ и тСкст, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½ΠΎΠ΅
Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Β ΡΡ‚Π°Ρ‚ΡŒΠ΅ на сайтС MeduzaΠ˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Ρ‚ΠΎΠ²Π°Ρ€Π° Π½Π°Β ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ страницС на сайтС PichShop

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π²Ρ‹ΡˆΠ΅Β β€” изобраТСния Π²Β ΡΡ‚Π°Ρ‚ΡŒΠ΅. Π”Π°Π½Π½Ρ‹ΠΉ случай Π½ΠΈΡ‡Π΅ΠΌ нС отличаСтся ΠΎΡ‚Β ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π°Β β€” у нас Π΅ΡΡ‚ΡŒ и описаниС, ΠΈΒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, нСсущиС Π²Π°ΠΆΠ½ΡƒΡŽ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ являСтся ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½Ρ‹ΠΌ ΠΈΒ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ сдСлано Ρ‚Π΅Π³ΠΎΠΌ <img>.

РСализация: <img>

Π’ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Π°Ρ ΠΈΠΊΠΎΠ½ΠΊΠ°, Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅
Π’ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ на сайтС MediaMarkt

Π’Β ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ в мСню ΠΈΠΌΠ΅ΡŽΡ‚ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€. Если Π²Π΄Ρ€ΡƒΠ³ ΠΎΠ½ΠΈ ΠΏΡ€ΠΎΠΏΠ°Π΄ΡƒΡ‚, информация нС потСряСтся, ΠΈΒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ всё Ρ€Π°Π²Π½ΠΎ смоТСт ΠΏΠΎΠ½ΡΡ‚ΡŒ Π²Β ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·Π΄Π΅Π» Π΅ΠΌΡƒ Π½ΡƒΠΆΠ½ΠΎ. Для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ background-image для псСвдоэлСмСнта.

РСализация: background-image для псСвдоэлСмСнта

Π’ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ на сайтС MediaMarkt

Π”Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΈΠ·Β Ρ‚ΠΎΠ³ΠΎΒ ΠΆΠ΅ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ лишь дополняСт подпись. Π’Π°ΠΊΠΈΠ΅ изобраТСния лишь ΠΏΠΎΡΡΠ½ΡΡŽΡ‚ названия ΠΈΒ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ.

РСализация: background-image для всСго Π±Π»ΠΎΠΊΠ° ΠΈΠ»ΠΈ для псСвдоэлСмСнта

Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅
Ѐоновая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° с фруктами на сайтС target=»_blank»rel=»nofollow noopener»EdoqueΠŸΠΈΡ‚Π΅Ρ€ΡΠΊΠΎΠ΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ на сайтС Sobor. gorozhanko.ru

На примСрах Π²Ρ‹ΡˆΠ΅ ΠΌΡ‹Β ΠΌΠΎΠΆΠ΅ΠΌ Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄ΠΎΠΉΠ΄Ρ‘Ρ‚ background-image для всСго Π±Π»ΠΎΠΊΠ°.

РСализация: background-image для всСго Π±Π»ΠΎΠΊΠ°

Π‘ΠΏΠΎΡ€Π½Ρ‹Π΅ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ в промослайдСрС
Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ на сайтС Cadbury

В элСмСнтах слайдСра Π½Π°ΠΌ часто Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ изобраТСния Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ². Они нСсут в сСбС Π²Π°ΠΆΠ½ΡƒΡŽ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΒ Ρ‚ΠΎΠ²Π°Ρ€Π΅, поэтому Π²Β Ρ‚Π°ΠΊΠΎΠΌ случаС Π½Π°ΠΌ слСдуСт отнСсти ΠΈΡ…Β ΠΊΒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½ΠΎΠΌΡƒ Ρ‚ΠΈΠΏΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

РСализация: <img>

Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ на сайтС S7

Однако, Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΈΒ Ρ‚Π°ΠΊΠΎΠ΅, Ρ‡Ρ‚ΠΎ в слайдСрС изобраТСния Π½ΠΈΠΊΠ°ΠΊ нС относятся к тСксту слайдов и слуТат Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ†Π΅Π»Π΅ΠΉ, ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, относятся ΠΊΒ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠΌΡƒ Ρ‚ΠΈΠΏΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

РСализация: background-image для всСго Π±Π»ΠΎΠΊΠ°

ΠšΠ°Ρ€Ρ‚Π° с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ
ΠšΠ°Ρ€Ρ‚Π° Π²Β Π±Π»ΠΎΠΊΠ΅ с контактами. ΠœΠ°ΠΊΠ΅Ρ‚ ДСвайс.

Под ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚Ρƒ принято Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с картой, на случай Ссли интСрактивная ΠΊΠ°Ρ€Ρ‚Π° Π½Π΅Β Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ»Π°ΡΡŒ. Каким ТС ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π΅Ρ‘Β Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ? ΠšΠ°Ρ€Ρ‚Π° нСсёт ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ об адрСсС. НапримСр, Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ДСвайс с нашСго Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ интСнсива ΠΏΠΎΒ HTML ΠΈΒ CSS. Π’Β Π±Π»ΠΎΠΊΠ΅ Β«ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹Β» Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΒ ΠΊΠ°Ρ€Ρ‚Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ адрСс ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, вСдь в тСкстС адрСс Π½Π΅Β ΠΏΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Π½, Π°Β Π·Π½Π°Ρ‡ΠΈΡ‚ Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ потСряСтся, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ потСряСт ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ о мСстонахоТдСнии ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, изобраТСния ΠΊΠ°Ρ€Ρ‚ относятся ΠΊΒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½Ρ‹ΠΌ изобраТСниям.

РСализация: <img> (Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π²Β Π΄Π°Π½Π½ΠΎΠΌ случаС — ΠšΠ°Ρ€Ρ‚Π° офиса по адрСсу ΡƒΠ»ΠΈΡ†Π° Π‘Ρ‚Ρ€ΠΎΠΈΡ‚Π΅Π»Π΅ΠΉ, 15)

Иконки соцсСтСй
Π‘ΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ на сайтС Haribo

Кнопки ΡΒ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ сСтями ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой Π±ΠΎΠ»Π΅Π΅ интСрСсный случай. Π‘Β ΠΎΠ΄Π½ΠΎΠΉ стороны, ΠΎΠ½ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ интСрфСйса сайта, ΠΎΠ΄Π½Π°ΠΊΠΎ, Ссли ΠΈΡ…Β ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ нС загрузятся — информация всё ТС ΠΏΡ€ΠΎΠΏΠ°Π΄Ρ‘Ρ‚ (ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ нС способСн ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΊΒ ΠΊΠ°ΠΊΠΎΠΉ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ сСти относится каТдая ссылка). Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, здСсь примСняСтся комплСксный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄: Π²Π½ΡƒΡ‚Ρ€ΠΈ ссылки ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ прописываСтся ΠΏΠΎΡΡΠ½ΡΡŽΡ‰ΠΈΠΉ тСкст. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ на этих ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ…-ссылках Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅. Для доступного скрытия тСкста ссылки Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ класс .visually-hidden. ОписаниС этого ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Π° скрытия ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ в нашСй ΡΡ‚Π°Ρ‚ΡŒΠ΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΏΡ€ΠΈ ΠΏΠΎΡ‚Π΅Ρ€Π΅ CSS-Ρ„Π°ΠΉΠ»Π°, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠΏΠ°Π΄Ρ‘Ρ‚, а тСкст ссылки появится. ΠŸΡ€ΠΈ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Π΅ сайта ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ лишь ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’Π°ΠΊΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π΅Β Π·Π°Π±Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒΒ β€” Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π²Β Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅ мы прописываСм тСкст ссылки, Ρ‚ΠΎΒ ΠΏΡ€ΠΈ Ρ‡Ρ‚Π΅Π½ΠΈΠΈ сайта скринридСром, ссылки Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ·Π²ΡƒΡ‡Π΅Π½Ρ‹.

РСализация: background-image для ссылки

Π’Ρ‹Π²ΠΎΠ΄

Вопрос опрСдСлСния Ρ‚ΠΈΠΏΠ° изобраТСния способСн Π·Π°ΠΏΡƒΡ‚Π°Ρ‚ΡŒ Π½Π΅ΠΎΠΊΡ€Π΅ΠΏΡˆΠΈΠΉ ΡƒΠΌΒ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰Π΅Π³ΠΎ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ°, поэтому совСтуСм Π²Π°ΠΌ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹Β ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Π΅Ρ‚Π΅ΡΡŒ ΡΒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒΡŽ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ‚ΠΈΠΏ изобраТСния, ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ на всС Π΄Π΅Ρ‚Π°Π»ΠΈ, Π°Β Π½Π΅Β ΠΈΠ΄Ρ‚ΠΈ самым простым ΠΏΡƒΡ‚Ρ‘ΠΌ.

Как ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML?

Главная Β» Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅

Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅

На Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ 3 ΠΌΠΈΠ½ ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ² 2.7ΠΊ. ΠžΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ

Π’Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ изобраТСния Π²Β HTML с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅Π³Π° <marquee>. ΠžΠ½Β ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅ΠΌΡ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π»ΠΈΠ±ΠΎ ΠΏΠΎΒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ ΠΈΠ»ΠΈ справа Π½Π°Π»Π΅Π²ΠΎ, Π»ΠΈΠ±ΠΎ ΠΏΠΎΒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ свСрху Π²Π½ΠΈΠ· ΠΈΠ»ΠΈ снизу Π²Π²Π΅Ρ€Ρ…. ΠŸΠΎΒ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Β Ρ‚Π΅Π³Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ справа Π½Π°Π»Π΅Π²ΠΎ.

Бинтаксис:

<marquee>
   <img src="">
</marquee>

Атрибуты Ρ‚Π΅Π³Π° <marquee>:

direction: УстанавливаСт Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ этого Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Π»Π΅Π²ΠΎ, Π²ΠΏΡ€Π°Π²ΠΎ, Π²Π²Π΅Ρ€Ρ… ΠΈΠ»ΠΈ Π²Π½ΠΈΠ·.
ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅: ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ прокручиваСтся тСкст. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ: Ρ‡Π΅Ρ€Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ°, слайд.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Β 1: Π’Β ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

<!DOCTYPE html>

<html>

Β 

<body>

<center>

Β Β Β Β 

Β Β Β Β <marquee

Β  behavior="scroll"direction="left">Β Β Β Β Β Β Β Β 

Β Β Β Β Β Β Β Β Β Β <imgsrc=

"https://. ......download3.png"

Β Β Β Β Β Β Β Β Β Β alt="GeeksforGeeks logo">Β 

Β Β Β Β </marquee>Β Β 

Β Β Β Β Β 

Β Β Β 

Β Β Β <marqueeΒ  behavior="scroll"direction="up">Β Β Β Β Β Β Β Β Β 

Β Β Β Β Β Β Β Β Β Β <imgsrc=Β 

"https://......download3.png"

Β Β Β Β Β Β Β Β Β Β alt="GeeksforGeeks logo">Β 

Β Β Β Β </marquee>Β Β 

</center>

</body>

</html>

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Β 2: Π’Β ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅.

<!DOCTYPE html>

<html>

<body>

Β 

<center>

Β Β Β Β <marqueeΒ  behavior="alternate"direction="left">Β Β Β Β Β Β Β Β Β Β 

Β Β Β Β Β Β Β Β Β Β <imgsrc=

"https://......download3.png"

Β Β Β Β Β Β Β Β Β Β alt="GeeksforGeeks logo">Β 

Β Β Β Β </marquee>Β Β 

Β Β Β Β Β 

Β Β Β <marqueeΒ  behavior="alternate"direction="right">Β Β Β Β Β Β Β Β Β 

Β Β Β Β Β Β Β Β Β Β <imgsrc=Β 

"https://.

.....download3.png"

Β Β Β Β Β Β Β Β Β Β alt="GeeksforGeeks logo">Β 

Β Β Β Β </marquee>Β Β 

</center>

Β 

</body>

</html>

Π˜Π·ΡƒΡ‡Π°Π΅ΠΌ изобраТСния Π² HTML ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‚Π΅Π³ img

ВсСх Ρ€Π°Π΄ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π² ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠΌ 15 ΡƒΡ€ΠΎΠΊΠ΅ посвящСнному ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² HTML. По Π±ΠΎΠ»ΡŒΡˆΠΎΠΌΡƒ счСту, всС сайты Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ β€” это структурированный Π½Π°Π±ΠΎΡ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, тСкста, упорядочСнный ΠΈ стилизованный посрСдством CSS. Благодаря изобраТСниям сайты выглядят Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ внСшний Π²ΠΈΠ΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

  • 1 Бинтаксис ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² HTML
  • 2 Атрибут ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ALT Ρƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
  • 3 Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ width ΠΈ height ΠΈΠ»ΠΈ всС-Ρ‚Π°ΠΊΠΈ стили CSS?
  • 4 Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ, хранящиСся Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… дирСкториях/ΠΏΠ°ΠΏΠΊΠ°Ρ…
  • 5 Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π½Π° стороннСм сСрвСрС
  • 6 АнимированныС изобраТСния
  • 7 Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π² HTML ΠΊΠ°ΠΊ ссылка Π½Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚
  • 8 ΠžΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠ΅ изобраТСния
  • 9 Image Maps ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚Π° изобраТСния
  • 10 Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
  • 11 Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <picture>
  • 12 Π§ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ HTML экрана

Бинтаксис ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² HTML

Π—Π΄Π΅ΡΡŒ всС достаточно просто. ВсС изобраТСния, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² HTML ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ΄ΠΈΠ½Π°Ρ€Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π°Β  <img>

Π‘Π°ΠΌ ΠΏΠΎ сСбС ΠΎΠ½ пустой ΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π³ΠΎ содСрТатся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‰ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈ ΠΏΡƒΡ‚ΡŒ Π΄ΠΎ Π½Π΅Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ src (source β€” источник ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ).

<img src=»url»>

<img src=»url»>

Атрибут ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ALT Ρƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

ALT β€” это Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст ΠΊ нашим изобраТСниям ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ‰Π΅ говоря, ΠΌΡ‹ описываСм Π½Π°ΡˆΡƒ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ тСкста, благодаря этому Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ.

Напоминаю ΠΏΡ€ΠΎ Π΅Π³ΠΎ Π²Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ Π² SEO ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ поиск Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Ρ‚Π°ΠΊΠΆΠ΅ осущСствляСтся ΠΏΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌ, вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ подписано, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш рСсурс ΠΈΠ»ΠΈ ΡΡ‚Π°Ρ‚ΡŒΡŽ с Π΄Π°Π½Π½Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ нашли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΈΡ€ΠΎΠ²ΠΎΠΉ ΠΏΠ°ΡƒΡ‚ΠΈΠ½Ρ‹.

Π’Π°ΠΊΠΆΠ΅ использованиС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ тСкста с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ, Ссли Ρƒ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΈΠ»ΠΈ ΠΎΡˆΠΈΠ±ΠΎΡ‡Π½ΠΎ Π·Π°Π΄Π°Π½ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ (ΠΊΠΎΠ³Π΄Π° ΠΎΠ½Π° оказалась Β«Π±ΠΈΡ‚ΠΎΠΉΒ»), с Ρ†Π΅Π»ΡŒΡŽ экономии Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈΠ»ΠΈ ΠΏΠΎ ΠΊΠ°ΠΊΠΈΠΌ-Ρ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. Π’ΠΎΠ³Π΄Π° вмСсто ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π±ΡƒΠ΄Π΅Ρ‚ Π±Π»ΠΎΠΊ с Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ тСкстом.

<img src=»img_chania.jpg» alt=»Π¦Π²Π΅Ρ‚Ρ‹ Π² Π₯аньС»>

<img src=»img_chania.jpg» alt=»Π¦Π²Π΅Ρ‚Ρ‹ Π² Π₯аньС»>

Если Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π½Π΅ смоТСт Π½Π°ΠΉΡ‚ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, ΠΎΠ½ Π²ΠΎΠ·ΡŒΠΌΠ΅Ρ‚ Π΅Π΅ описаниС ΠΈ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚:

<img src=»wrongname.gif» alt=»Π¦Π²Π΅Ρ‚Ρ‹ Π² Π₯аньС»>

<img src=»wrongname. gif» alt=»Π¦Π²Π΅Ρ‚Ρ‹ Π² Π₯аньС»>

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: использованиС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt ΠΊΡ€Π°ΠΉΠ½Π΅ Π²Π°ΠΆΠ½ΠΎ ΠΈ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Π’ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ счСтС Π±Π΅Π· Π½Π΅Π³ΠΎ страница Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒΡΡ.

ΠšΡ€ΠΎΠΌΠ΅ этого Π² изобраТСниях html Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ эти Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ width (ΡˆΠΈΡ€ΠΈΠ½Π°) ΠΈ height (высота), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Π΄Π°ΡŽΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² пиксСлях.

<img src=»img_girl.jpg» alt=»Π”Π΅Π²ΠΎΡ‡ΠΊΠ° Π² ΠΆΠ°ΠΊΠ΅Ρ‚Π΅»>

<img src=»img_girl.jpg» alt=»Π”Π΅Π²ΠΎΡ‡ΠΊΠ° Π² ΠΆΠ°ΠΊΠ΅Ρ‚Π΅»>

Π’Π°ΠΆΠ½ΠΎ! ВсСгда ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния, Π² ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π΅ отобразится Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π² ΠΏΠΎΠ»Π½ΠΎΠΌ объСмС ΠΈ страница ΠΌΠΎΠΆΠ΅Ρ‚ ΠΌΠ΅Ρ€Ρ†Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ width ΠΈ height ΠΈΠ»ΠΈ всС-Ρ‚Π°ΠΊΠΈ стили CSS?

ВсС пСрСчислСнныС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ стили CSS допустимы Π² HTML 5. Но ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ CSS, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² Π½Π΅ΠΌ Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒΡΡ ТСсткиС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ для всСх ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° сайтС.

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π½ΠΈΠΆΠ΅:

<!DOCTYPE html> <html> <head> <style> img { width:100%; } </style> </head> <body> <img src=»html5.gif» alt=»HTML5 Icon»> <img src=»html5.gif» alt=»HTML5 Icon»> </body> </html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!DOCTYPE html>

<html>

<head>

<style>

img {

Β Β Β Β width:100%;

}

</style>

</head>

<body>

Β 

<img src=»html5.gif» alt=»HTML5 Icon»>

<img src=»html5.gif» alt=»HTML5 Icon»>

Β 

</body>

</html>

НСмного поясню ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π²Ρ‹ΡˆΠ΅. Π’ стилях, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ»ΠΈ ΠΊΠΎ всСм изобраТСниям Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΌΡ‹ Π·Π°Π΄Π°Π»ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Ρ‚Π΅Π³Ρƒ img Ρ€Π°Π²Π½ΠΎΠ΅ 100%, Ρ‚. Π΅ наша ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° растягиваСтся Π½Π° всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ экрана. ΠŸΡ€ΠΈ этом, ΠΊΠ°ΠΊ Π²Ρ‹ успСли Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π±Ρ‹Π»ΠΈ Π·Π°Π΄Π°Π½Ρ‹ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π΅ Π² Ρ‚Π΅Π»Π΅ Π²Π΅Π± Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ:Β  width=»128″

ΠŸΡ€ΠΈ этом Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ взял Π·Π° основу ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ задавалось Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΠ°Ρ€Π½Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ² style:

<style> img { width:100%; } </style>

<style>

img {

Β Β Β Β width:100%;

}

</style>

А Π²ΠΎΡ‚ ΡƒΠΆΠ΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π΅ ΠΏΠΎΠ΄Π²Π΅Ρ€Π³Π»Π°ΡΡŒ этим измСнСниям. А ΠΏΠΎΡ‡Π΅ΠΌΡƒ, спроситС Π²Ρ‹? А ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΏΠΎ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π° Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² Ρ‚Π΅Π»Π΅ Π²Π΅Π± Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΌΡ‹ Π·Π°Π΄Π°Π»ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ:Β  style=»width:128px;height:128px;»Β  Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, стили, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΠ°Ρ€Π½Ρ‹ΠΌΠΈ Ρ‚Π΅Π³Π°ΠΌΠΈ style Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Β«Π½Π΅ ΠΏΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚Β», ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π΅ Π·Π°Π΄Π°Π½Ρ‹ свои стили. Π”ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ понятно объяснил.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ, хранящиСся Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… дирСкториях/ΠΏΠ°ΠΏΠΊΠ°Ρ…

Если ΠΏΡƒΡ‚ΡŒ Π½Π΅ Π·Π°Π΄Π°Π½, Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΊΠ°Ρ‚ΡŒ нашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΏΠ°ΠΏΠΊΠ΅, Π³Π΄Π΅ находится наш Π²Π΅Π± Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Однако принято Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ всС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ ΠΌΠ΅Π΄ΠΈΠ°Ρ„Π°ΠΉΠ»Ρ‹ Π² ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ images ΠΈΠ»ΠΈ img.

Π§Ρ‚ΠΎΠ±Ρ‹ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΈ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΠ» Π²Π°ΡˆΡƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π΄ΠΎ Π½Π΅Π΅ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ (Ρ‚.Π΅ src).

<img src=»/images/html5.gif» alt=»HTML5 Иконка»>

<img src=»/images/html5.gif» alt=»HTML5 Иконка»>

НСмного ΠΏΡ€ΠΎΡΡΠ½ΡŽ. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²Ρ‹ΡˆΠ΅ нашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ находится ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠ°ΠΏΠΊΠΈ с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ images.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π½Π° стороннСм сСрвСрС

НСкоторыС Π²Π΅Π±-сайты, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ½ΠΈΠ·ΠΈΡ‚ΡŒ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π½Π° хостинг, хранят изобраТСния Π½Π° стороннСм сСрвСрС. Π’.Π΅ ΠΏΠΎ Ρ„Π°ΠΊΡ‚Ρƒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ изобраТСниям с любого адрСса Π² ΠΌΠΈΡ€Π΅.

<img src=»https://www.w3schools.com/images/w3schools_green.jpg» alt=»W3Schools.com»>

<img src=»https://www.w3schools.com/images/w3schools_green.jpg» alt=»W3Schools. com»>

АнимированныС изобраТСния

Благодаря HTML Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠ»ΠΈ gif Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ.

<img src=»programming.gif» alt=»ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Ρ‹ΠΉ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ»>

<img src=»programming.gif» alt=»ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Ρ‹ΠΉ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ»>

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π² HTML ΠΊΠ°ΠΊ ссылка Π½Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚

Π’ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ рассказывали ΠΏΡ€ΠΎ тСкстовыС ссылки ΠΈ вскользь упомянули ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ изобраТСния ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ ссылкой Π½Π° любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²Π΅Π± Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Для этого Π½Π°ΡˆΡƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ с Ρ‚Π΅Π³ΠΎΠΌ img Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° <a><img src=»url here» /></a>

<a href=»https://smarticle.ru»> <img src=»smiley.gif» alt=»ΠžΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅ созданию сайтов Π½Π° WordPress»> </a>

<a href=»https://smarticle.ru»>

Β Β <img src=»smiley.gif» alt=»ΠžΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅ созданию сайтов Π½Π° WordPress»>

</a>

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ появлялась Π³Ρ€Π°Π½ΠΈΡ†Π° (Ρ€Π°ΠΌΠΊΠ°) Π²ΠΎΠΊΡ€ΡƒΠ³ изобраТСния, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ²Π»ΡΡ‚ΡŒΡΡ ссылкой, просто Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π² стилях Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅Β  border: 0;Β  для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² IE 9 (ΠΈ Ρ€Π°Π½Π½ΠΈΠ΅ вСрсии).

ΠžΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠ΅ изобраТСния

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π² CSS свойство floatΒ , ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ тСкстом справа ΠΈΠ»ΠΈ слСва:

<p><img src=»smiley.gif» alt=»Smiley face»> The image will float to the right of the text.</p> <p><img src=»smiley.gif» alt=»Smiley face»> The image will float to the left of the text.</p>

<p><img src=»smiley.gif» alt=»Smiley face»>

The image will float to the right of the text.</p>

Β 

<p><img src=»smiley.gif» alt=»Smiley face»>

The image will float to the left of the text.</p>

Бвойство float ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ значСния right, left, none. Π‘ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΌΡ‹ это Ρ€Π°Π·Π±Π΅Ρ€Π΅ΠΌ Π½Π° ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΡƒΡ€ΠΎΠΊΠ°Ρ…, связанных с CSS.

Image Maps ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚Π° изобраТСния

Π•ΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ Ρ‚Π΅Π³ Π² html ΠΈ называСтся ΠΎΠ½ <map>Β . Π•Π³ΠΎ миссия Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎ для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ β€” Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ изобраТСния ΠΏΠΎ ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Π°ΠΌ. ΠšΠ°Ρ€Ρ‚Π° изобраТСния β€” это нСкоторая выдСлСнная интСрактивная ΠΎΠ±Π»Π°ΡΡ‚ΡŒ. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π½ΠΈΠΆΠ΅ ΠΌΡ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΠ»ΠΈ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°, Ρ‡Π°ΡˆΠΊΠΈ с ΠΊΠΎΡ„Π΅ ΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠΌ:

<img src=»workplace.jpg» alt=»Workplace» usemap=»#workmap»> <map name=»workmap»> <area shape=»rect» coords=»34,44,270,350″ alt=»Computer» href=»computer.htm»> <area shape=»rect» coords=»290,172,333,250″ alt=»Phone» href=»phone.htm»> <area shape=»circle» coords=»337,300,44″ alt=»Coffee» href=»coffee.htm»> </map>

1

2

3

4

5

6

7

<img src=»workplace.jpg» alt=»Workplace» usemap=»#workmap»>

Β 

<map name=»workmap»>

Β Β <area shape=»rect» coords=»34,44,270,350″ alt=»Computer» href=»computer.htm»>

Β Β <area shape=»rect» coords=»290,172,333,250″ alt=»Phone» href=»phone.htm»>

Β Β <area shape=»circle» coords=»337,300,44″ alt=»Coffee» href=»coffee. htm»>

</map>

ΠœΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ пустой Π²Π΅Π± Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ .html с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚ рядом скопируйтС Π΄Π°Π½Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, скопируйтС ΠΊΠΎΠ΄ ΠΈ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

Атрибут name Ρ‚Π΅Π³Π° <map>Β  связан с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ usemap <img>Β  ΠΈ создаСт связь ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΎΠΉ. Π’Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π³ΠΎ содСрТится нСсколько Ρ‚Π΅Π³ΠΎΠ² areaΒ , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ области, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ навСсти курсом ΠΌΡ‹ΡˆΠΊΠΈ ΠΈ ΠΏΠΎΠΊΠ»ΠΈΠΊΠ°Ρ‚ΡŒ.

ΠžΡ‡Π΅Π½ΡŒ часто Π΄Π°Π½Π½ΡƒΡŽ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ для создания сайтов для застройщиков, Π³Π΄Π΅ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ (этаТ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ»Π΅Ρ‚) Π½Π° Ρ€Π΅Π½Π΄Π΅Ρ€Π΅ (ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ со Π·Π΄Π°Π½ΠΈΠ΅ΠΌ). Π’ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΡ… ΡƒΡ€ΠΎΠΊΠ°Ρ… я ΠΎΠ± этом ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΡŽ. Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ интСрСсно. Π― расскаТу ΠΏΡ€ΠΎ своС Π½ΠΎΡƒ-Ρ…Π°Ρƒ!

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

ΠŸΡ€ΠΈ создании сайтов ΠΎΡ‡Π΅Π½ΡŒ часто ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ использована ΠΊΠ°ΠΊ Ρ„ΠΎΠ½ (ΠΏΠΎΠ΄Π»ΠΎΠΆΠΊΠ°). Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π² стилях CSS ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ свойство ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ background-imageΒ :

<body> <h3>Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅</h3> </body>

<body>

Β 

<h3>Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅</h3>

Β 

</body>

Π•Π³ΠΎ ΠΌΡ‹ Π·Π°Π΄Π°Π΅ΠΌ для элСмСнта body

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΠΌ Ρ‚Π°ΠΊΠΎΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚:

НСмного поясню, наша ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π² Π·Π°Π΄Π°Π½Π½ΠΎΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ просто замостила всю ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ Π²Π΅Π±-страницы.

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΠΈΠΌΠ΅Ρ€: Π·Π°Π΄Π°Π΄ΠΈΠΌ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для Ρ‚Π΅Π³Π° p (ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„)

<body> <p> … </p> </body>

1

2

3

4

5

6

7

<body>

Β 

<p>

</p>

Β 

</body>

Π’ΠΎΡ‚, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ:

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <picture>

Π’ HTML 5 добавился Π½ΠΎΠ²Ρ‹ΠΉ элСмСнт с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ <picture>Β  для большСй гибкости ΠΏΡ€ΠΈ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠΈ рСсурсов для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <picture>Β  содСрТит Π²Π½ΡƒΡ‚Ρ€ΠΈ сСбя нСсколько элСмСнтов <source>Β , ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ссылаСтся Π½Π° Ρ€Π°Π·Π½Ρ‹Π΅ источники ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ соотвСтствуСт Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌΡƒ Π²ΠΈΠ΄Ρƒ ΠΈ / ΠΈΠ»ΠΈ устройству.

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт <source>Β ΠΈΠΌΠ΅Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰ΠΈΠ΅, ΠΊΠΎΠ³Π΄Π° ΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ являСтся Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящим.

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ элСмСнт <source>Β  с ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ значСниями Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² ΠΈ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ элСмСнты <source>Β .

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π½ΠΈΠΆΠ΅ всС наглядно ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚. Π’ ΠΏΠ΅Ρ€Π²ΠΎΠΌ случаС, Ссли ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ Π² 650px покаТСтся ΠΎΠ΄Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π° Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ случаС Ссли большС, Ρ‡Π΅ΠΌ 465 пиксСлСй, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠΆΠ΅ другая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°.

<picture> <source media=»(min-width: 650px)» srcset=»img_pink_flowers.jpg»> <source media=»(min-width: 465px)» srcset=»img_white_flower.jpg»> <img src=»img_orange_flowers.jpg» alt=»Flowers»> </picture>

<picture>

Β Β <source media=»(min-width: 650px)» srcset=»img_pink_flowers.jpg»>

Β Β <source media=»(min-width: 465px)» srcset=»img_white_flower.jpg»>

Β Β <img src=»img_orange_flowers.jpg» alt=»Flowers»>

</picture>

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Ρƒ нас отобраТаСтся обычная ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π² Ρ‚Π΅Π³Π΅ img

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°Ρ‡Π½Π΅ΠΌ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ наш Ρ€Π°Π·ΠΌΠ΅Ρ€ экрана Π΄ΠΎ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π½ΠΎΠ³ΠΎ состояния ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ:

Π—Π°Ρ‚Π΅ΠΌ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ экрана Π΄ΠΎ мобильного Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈ ΡƒΠΆΠ΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅:

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. ВсСгда ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΠΉΡ‚Π΅ элСмСнт <img>Β  Π² качСствС послСднСго Π΄ΠΎΡ‡Π΅Ρ€Π½Π΅Π³ΠΎ элСмСнта <picture>Β . Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <img>Β  ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ элСмСнт <picture>Β , ΠΈΠ»ΠΈ Ссли Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Ρ‚Π΅Π³ΠΎΠ² <source>Β  Π½Π΅ Π±Ρ‹Π» сопоставлСн.

Π§ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ HTML экрана

Π•ΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ β€” считыватСли с экрана, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΊΠ°Π½ΠΈΡ€ΡƒΡŽΡ‚ ΠΊΠΎΠ΄, ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚ Π΅Π³ΠΎ Π² тСкст ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΊΠ°ΠΊ Π±Ρ‹ Β«ΡΠ»ΡƒΡˆΠ°Ρ‚ΡŒΒ» содСрТимоС страницы. Π’Π°ΠΊΠΎΠΉ скриннинг ΠΏΠΎΠ»Π΅Π·Π΅Π½ для слабовидящих людСй, слСпых ΠΈΠ»ΠΈ ΠΎΠ±ΡƒΡ‡Π΅Π½Π½Ρ‹Ρ… ΠΈΠ½Π²Π°Π»ΠΈΠ΄ΠΎΠ².

На этом всС, Ρ‡Ρ‚ΠΎ я Ρ…ΠΎΡ‚Π΅Π» Π²Π°ΠΌ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡ€ΠΎ изобраТСния Π² html, я ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ донСс Π² ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ΅. Π’Π°ΠΌ остаСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² ΡƒΠΌΠ΅Π½ΠΈΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡΡ‚Π΅Π½ΡŒΠΊΠΈΠ΅ странички, благодаря сСрии ΠΌΠΎΠΈΡ… ΡƒΡ€ΠΎΠΊΠΎΠ². БовсСм скоро встрСтимся с Π²Π°ΠΌΠΈ Π² Π½ΠΎΠ²ΠΎΠΌ выпускС. Π‘Π»Π΅Π΄ΠΈΡ‚Π΅ Π·Π° обновлСниями Π±Π»ΠΎΠ³Π°! Π£Π΄Π°Ρ‡Π½ΠΎΠ³ΠΎ дня!

HTML Π£Ρ€ΠΎΠΊ 7 – Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ HTML Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡƒΠΊΡ€Π°ΡΠΈΡ‚ΡŒ Π²Π΅Π±-страницу, Π΄ΠΎΠ±Π°Π²ΠΈΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML. Если ваша Π²Π΅Π±-страница состоит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ· тСкста, ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΊΠΎΠΌΡƒ-Ρ‚ΠΎ интСрСсна (ΠΏΡ€Π°Π²Π΄Π°, Π½Π΅ ΡƒΠ²Π΅Ρ€Π΅Π½, ΠΊΠΎΠΌΡƒ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΡ‚ΡŒΡΡ Ρ‚Π°ΠΊΠΎΠΉ сайт πŸ™‚ ), Π½ΠΎ вряд Π»ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Π°. Π”ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ изобраТСния ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ Π½Π° Π²Π΅Π±-страницу ΠΎΡ‡Π΅Π½ΡŒ просто. ВсС эти знания собраны Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΡƒΡ€ΠΎΠΊΠ΅ Β«Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTMLΒ». НачнСм, ΠΌΠ°Π»ΡŒΡ‡ΠΈΠΊΠΈ ΠΈ Π΄Π΅Π²ΠΎΡ‡ΠΊΠΈ πŸ™‚

Π’ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ‚Ρ€ΠΈ самых популярных Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ: JPEG (ОбъСдинСнная Π³Ρ€ΡƒΠΏΠΏΠ° экспСртов ΠΏΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ), GIF (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΎΠ±ΠΌΠ΅Π½Π° Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ) ΠΈ PNG (портативная сСтСвая Π³Ρ€Π°Ρ„ΠΈΠΊΠ°).

JPEG Π² основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π³Π΄Π΅ трСбуСтся высокоС качСство ΠΈ Π½Π΅ поддСрТиваСтся ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.

GIF ΠΈ PNG ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для сохранСния Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ², ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Оба ΠΎΠ½ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ. НапримСр, Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ списка ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Photoshop, Π° Π·Π°Ρ‚Π΅ΠΌ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ слой. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ списка с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ. Π­Ρ‚ΠΎ экономит вашС врСмя, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π΅Ρ‚ нСобходимости Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Π° Ρ‚Π°ΠΊΠΈΠΌ ΠΆΠ΅, ΠΊΠ°ΠΊ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° Π²Π΅Π±-сайта (Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ совпадали), ΠΈ, ΠΊΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния. Π’Π°ΠΊΠΆΠ΅ Π€ΠΎΡ€ΠΌΠ°Ρ‚ GIF ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚Π°ΠΊΠΎΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π² Π½Π°Ρ‡Π°Π»Π΅ ΡƒΡ€ΠΎΠΊΠ° Β«Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTMLΒ» (Π²Ρ€Π°Ρ‰Π°ΡŽΡ‰ΠΈΠΉΡΡ глобус). ΠŸΡ€ΠΎΡ‰Π΅ говоря, я Π³ΠΎΠ²ΠΎΡ€ΡŽ ΠΎ постС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ сСйчас Ρ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅. πŸ™‚

ВсС графичСскиС элСмСнты Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ΡΡ Π½Π° Π²Π΅Π±-страницу с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ Ρ‚Π΅Π³ΠΎΠΌ: . Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, этот ΠΊΠΎΠ΄ состоит ΠΈΠ· Ρ‚Π΅Π³Π° ΠΈ Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° src . Атрибут src всСгда Ρ€Π°Π²Π΅Π½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ с Ρ‚Π΅Π³ΠΎΠΌ , поэтому эти элСмСнты ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ Ρ‚Π΅Π³.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ , Ρ‡Ρ‚ΠΎ для Ρ‚Π΅Π³Π° Π½Π΅Ρ‚ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°, поэтому Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ слэш Π² ΠΊΠΎΠ½Ρ†Π΅ .

 

<Π³ΠΎΠ»ΠΎΠ²Π°>
   Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML
     <Ρ‚ΠΈΠΏ стиля="тСкст/CSS">
     

<Ρ‚Π΅Π»ΠΎ>
  

Π­Ρ‚ΠΎ ΠΌΠΎΠ΅ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML.

А Π²ΠΎΡ‚ Ρ‚Π°ΠΊ нашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ выглядит Π² HTML.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, , Ρ‡Ρ‚ΠΎ стандарты W3C Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

 
   Π—Π΄Π΅ΡΡŒ ΠΈΠ΄Π΅Ρ‚ тСкстовоС описаниС изобраТСния.
 

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст ΠΈΠ»ΠΈ Π·Π°ΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΠΉ тСкст для изобраТСния Π² HTML

Атрибут alt позволяСт Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ тСкстовоС описаниС ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ Π² HTML.

 Π­Ρ‚ΠΎ ΠΌΠΎΠ΅ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML 

НСкоторыС люди ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ ΠΎΠΏΡ†ΠΈΡŽ Β«Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ изобраТСния» Π² своих ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Π’ этом случаС ΠΎΠ½ΠΈ увидят Ρ‚ΠΎΠ»ΡŒΠΊΠΎ тСкст alt .

Атрибут alt всСгда Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ с Ρ‚Π΅Π³ΠΎΠΌ для добавлСния изобраТСния Π² HTML. Однако, Ссли Π²Ρ‹ добавляСтС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰Π΅Π΅ Π·Π° Π΄ΠΈΠ·Π°ΠΉΠ½ вашСй Π²Π΅Π±-страницы (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π΅Π±-сайта), Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ пустой Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt : alt=" " .

Высота ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° изобраТСния Π² HTML

Атрибуты height ΠΈ width Π·Π°Π΄Π°ΡŽΡ‚ΡΡ Π² пиксСлях ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ… ΠΈ β€‹β€‹ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ высоту ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ изобраТСния. НапримСр, Π² пиксСлях:

 Π­Ρ‚ΠΎ ΠΌΠΎΠ΅ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML 

ΠΈ Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…:

  jpg " alt="Π­Ρ‚ΠΎ ΠΌΠΎΠ΅ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML" /> 

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° (высота ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π°), ΠΈΠ½Π°Ρ‡Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ растянутым ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ ΠΈΠ»ΠΈ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, использованиС этих Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΡΠΎΠΎΠ±Ρ‰Π°ΡŽΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, ΠΊΠ°ΠΊΠΎΠ΅ мСсто слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для изобраТСния, ΠΈ ΡƒΡΠΊΠΎΡ€ΡΡŽΡ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π²Π΅Π±-страницы.

Атрибут Align Π² HTML

Атрибут align для Ρ‚Π΅Π³Π° позволяСт ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ справа, слСва, свСрху, снизу ΠΈ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

 < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Π³ΠΎΠ»ΠΎΠ²Π°>
  Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML
    <Ρ‚ΠΈΠΏ стиля="тСкст/CSS">
    

<Ρ‚Π΅Π»ΠΎ>
   

Π­Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π½ΠΎΠ΅ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ jpg" align="right" alt="Image in HTML" />


Π­Ρ‚ΠΎ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π½ΠΎΠ΅ ΠΏΠΎ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌΡƒ ΠΊΡ€Π°ΡŽ Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTMLΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

Π­Ρ‚ΠΎ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π½ΠΎΠ΅ ΠΏΠΎ Π½ΠΈΠΆΠ½Π΅ΠΌΡƒ ΠΊΡ€Π°ΡŽ Image in HTMLimage

Π­Ρ‚ΠΎ Image in HTMLimage

с Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ.

Π­Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π½ΠΎΠ΅ ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽImage in HTML

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML ΠΊΠ°ΠΊ ссылка

Π’ HTML ссылка ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ тСкстовая ссылка, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

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

Π’ этом случаС ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ Π²Π΅Π±-сайта ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст Β«Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTMLΒ», ΠΊΠΎΠ³Π΄Π° Π½Π°Π²Π΅Π΄Π΅Ρ‚ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ курсор ΠΌΡ‹ΡˆΠΈ, Π° ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ откроСтся Π²Π΅Π±-сайт Π‘ΡŽΡ€ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρ‹ (малСнькиС изобраТСния) с большими изобраТСниями. Π­Ρ‚ΠΎ сдСлано для сокращСния Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²Π΅Π±-страницы, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ Π²Π΅Π±-сайта Π½Π°ΠΆΠΌΠ΅Ρ‚ Π½Π° ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ‚ΠΎΠΌ случаС, Ссли Π΅ΠΌΡƒ интСрСсно ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ большоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

 
   НаТмитС здСсь, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ большоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML
 

Π’Π΅Π³ΠΈ HTML, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ ΡƒΠΆΠ΅ ΠΈΠ·ΡƒΡ‡ΠΈΠ»ΠΈ:

9Π’Π΅Π³ 0026 добавляСт ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML.

Π’Π΅Π³ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π² HTML.

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ β€” докумСнтация Torchvision 0.13

Π―Ρ€Π»Ρ‹ΠΊΠΈ

torchvision.transforms ΠΌΠΎΠ΄ΡƒΠ»ΡŒ. Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ вмСстС, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π‘ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ . Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ классов прСобразования ΠΈΠΌΠ΅ΡŽΡ‚ эквивалСнт Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ: Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» прСобразования Π΄Π°ΡŽΡ‚ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ прСобразования. Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ слоТный ΠΊΠΎΠ½Π²Π΅ΠΉΠ΅Ρ€ прСобразования. (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² случаС Π·Π°Π΄Π°Ρ‡ сСгмСнтации).

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ ΠΎΠ±Π° PIL изобраТСния ΠΈ Ρ‚Π΅Π½Π·ΠΎΡ€Π½Ρ‹Π΅ изобраТСния, хотя Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ прСобразования ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для PIL, Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ - Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Ρ‚Π΅Π½Π·ΠΎΡ€Π°. ΠšΠΎΠ½Π²Π΅Ρ€ΡΠΈΠΎΠ½Π½Ρ‹Π΅ прСобразования ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² ΠΈ ΠΈΠ· ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ PIL.

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΡ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ Ρ‚Π΅Π½Π·ΠΎΡ€Π½Ρ‹Π΅ изобраТСния, Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ Ρ‚Π΅Π½Π·ΠΎΡ€Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π’Π΅Π½Π·ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β€” это Ρ‚Π΅Π½Π·ΠΎΡ€ Ρ„ΠΎΡ€ΠΌΡ‹ (C, H, W) , Π³Π΄Π΅ C β€” это количСство ΠΊΠ°Π½Π°Π»ΠΎΠ², H ΠΈ W β€” высота ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° изобраТСния. ΠŸΠ°Ρ€Ρ‚ΠΈΡ Π’Π΅Π½Π·ΠΎΡ€Π½Ρ‹Π΅ изобраТСния - это Ρ‚Π΅Π½Π·ΠΎΡ€ (B, C, H, W) Ρ„ΠΎΡ€ΠΌΠ°, Π³Π΄Π΅ B β€” число ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² ΠΏΠ°ΠΊΠ΅Ρ‚Π΅.

ΠžΠΆΠΈΠ΄Π°Π΅ΠΌΡ‹ΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Ρ‚Π΅Π½Π·ΠΎΡ€Π½ΠΎΠ³ΠΎ изобраТСния нСявно опрСдСляСтся Ρ„ΠΎΡ€ΠΌΡƒΠ»ΠΎΠΉ Ρ‚Π΅Π½Π·ΠΎΡ€ dtype. ΠžΠΆΠΈΠ΄Π°Π΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π½Π·ΠΎΡ€Π½Ρ‹Π΅ изобраТСния с ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠΌ dtype Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ значСния Π² [0, 1) . ΠžΠΆΠΈΠ΄Π°Π΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π½Π·ΠΎΡ€Π½Ρ‹Π΅ изобраТСния с цСлочислСнным Ρ‚ΠΈΠΏΠΎΠΌ dtype ΠΈΠΌΠ΅ΡŽΡ‚ значСния Π² [0, MAX_DTYPE] , Π³Π΄Π΅ MAX_DTYPE β€” наибольшСС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ прСдставлСн Π² этом dtype.

Π Π°Π½Π΄ΠΎΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ прСобразования Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎ всСм изобраТСния Π΄Π°Π½Π½ΠΎΠΉ ΠΏΠ°Ρ€Ρ‚ΠΈΠΈ, Π½ΠΎ ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ прСобразования ΠΏΠΎ Π·Π²ΠΎΠ½ΠΊΠ°ΠΌ. Для воспроизводимых ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρƒ Π²Ρ‹Π·ΠΎΠ²Π°ΠΌΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ прСобразования.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‚ использованиС доступных ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ:

  • Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ

  • Π’Π΅Π½Π·ΠΎΡ€Π½Ρ‹Π΅ прСобразования ΠΈ JIT

ΠŸΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅

Начиная с вСрсии 0.8.0 всС случайныС прСобразования ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ случайных чисСл ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для Π²Ρ‹Π±ΠΎΡ€ΠΊΠΈ случайных ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ². Π­Ρ‚ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅, Π½Π°Ρ€ΡƒΡˆΠ°ΡŽΡ‰Π΅Π΅ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ, ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ случайноС состояниС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

 # ΠŸΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠ΅ вСрсии
# ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ случайный
# случайноС. сид (12)
# Π’ настоящСС врСмя
ΠΈΠΌΠΏΠΎΡ€Ρ‚Π½Ρ‹ΠΉ Ρ„Π°ΠΊΠ΅Π»
Ρ„Π°ΠΊΠ΅Π».manual_seed (17)
 

ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, ΠΈΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅ сСмя для Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€Π° случайных чисСл torch ΠΈ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€Π° случайных чисСл Python Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π΄Π°ΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹.

Π‘ΠΊΡ€ΠΈΠΏΡ‚ΠΎΠ²Ρ‹Π΅ прСобразования

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΡΠΊΡ€ΠΈΠΏΡ‚ΠΎΠ²Π°Ρ‚ΡŒ прСобразования, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ torch.nn.Sequential вмСсто Compose .

 прСобразования = torch.nn.Sequential(
    ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚.CenterCrop(10),
    transforms.Normalize((0,485, 0,456, 0,406), (0,229, 0,224, 0,225)),
)
scripted_transforms = torch.jit.script (прСобразования)
 

Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ скриптовыС прСобразования, Ρ‚.Π΅. ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с torch.Tensor ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ lambda Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΈΠ»ΠΈ PIL.Image .

Для использования Π»ΡŽΠ±Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ с torch.jit.script ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄Π½Ρ‹ΠΌΠΈ ΠΎΡ‚ torch.nn.Module .

ΠšΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ

БоставлСниС (ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅)

ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ нСсколько ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ.

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π½Π° PIL Image ΠΈ torch.*Tensor

CenterCrop (Ρ€Π°Π·ΠΌΠ΅Ρ€)

ΠžΠ±Ρ€Π΅Π·Π°Π΅Ρ‚ Π·Π°Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ.

ColorJitter ([ΡΡ€ΠΊΠΎΡΡ‚ΡŒ, ΠΊΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒ, …])

ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ яркости, контрастности, насыщСнности ΠΈ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ° изобраТСния.

FiveCrop (Ρ€Π°Π·ΠΌΠ΅Ρ€)

ΠžΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ΠΌ ΡƒΠ³Π»Π°ΠΌ ΠΈ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ.

ΠžΡ‚Ρ‚Π΅Π½ΠΊΠΈ сСрого ([число_Π²Ρ‹Ρ…ΠΎΠ΄Π½Ρ‹Ρ…_ΠΊΠ°Π½Π°Π»ΠΎΠ²])

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния Π² ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΈ сСрого.

Pad (padding[ fill, padding_mode])

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ со всСх сторон Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ «дополнСния».

RandomAffine (градусы[ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄, ΠΌΠ°ΡΡˆΡ‚Π°Π±, …])

Π‘Π»ΡƒΡ‡Π°ΠΉΠ½ΠΎΠ΅ Π°Ρ„Ρ„ΠΈΠ½Π½ΠΎΠ΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния с сохранСниСм инвариантности Ρ†Π΅Π½Ρ‚Ρ€Π°.

RandomApply (прСобразования [ p])

Π‘Π»ΡƒΡ‡Π°ΠΉΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ список трансформаций с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

RandomCrop (Ρ€Π°Π·ΠΌΠ΅Ρ€ [ padding, pad_if_needed, …])

ΠžΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠΌ мСстС.

Π‘Π»ΡƒΡ‡Π°ΠΉΠ½Ρ‹ΠΉ ΠžΡ‚Ρ‚Π΅Π½ΠΊΠΈ сСрого ([p])

ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния Π² ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΈ сСрого с Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ p (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ 0,1).

RandomHorizontalFlip ([p])

ΠŸΠ΅Ρ€Π΅Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π·Π°Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ случайным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

RandomPerspective ([distortion_scale,Β p, …])

ВыполняСт случайноС ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ пСрспСктивы Π΄Π°Π½Π½ΠΎΠ³ΠΎ изобраТСния с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

RandomResizedCrop (Ρ€Π°Π·ΠΌΠ΅Ρ€[ ΠΌΠ°ΡΡˆΡ‚Π°Π±, ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅, …])

ΠžΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ изобраТСния ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π΄ΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

RandomRotation (градусы[ интСрполяция, …])

ΠŸΠΎΠ²ΠΎΡ€ΠΎΡ‚ изобраТСния Π½Π° ΡƒΠ³ΠΎΠ».

RandomVerticalFlip ([p])

ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π·Π°Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° (Ρ€Π°Π·ΠΌΠ΅Ρ€[ интСрполяция, макс_Ρ€Π°Π·ΠΌΠ΅Ρ€, …])

ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π²Ρ…ΠΎΠ΄Π½ΠΎΠ³ΠΎ изобраТСния Π΄ΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

TenCrop (Ρ€Π°Π·ΠΌΠ΅Ρ€[vertical_flip])

ΠžΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ΠΌ ΡƒΠ³Π»Π°ΠΌ ΠΈ ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡ… ΠΏΠ΅Ρ€Π΅Π²Π΅Ρ€Π½ΡƒΡ‚ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΎΡ‚Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅).

GaussianBlur (kernel_size[ sigma])

Π Π°Π·ΠΌΡ‹Π²Π°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ со случайно Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ΠΌ ΠΏΠΎ Гауссу.

Π‘Π»ΡƒΡ‡Π°ΠΉΠ½ΠΎΠ΅ ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ ([p])

Π‘Π»ΡƒΡ‡Π°ΠΉΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΈΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚Π° Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ изобраТСния с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

RandomPosterize (bits[Β p])

ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠ΅ постСризация изобраТСния с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΡƒΡ‚Π΅ΠΌ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ числа Π±ΠΈΡ‚ΠΎΠ² для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠ°Π½Π°Π»Π°.

RandomSolarize (ΠΏΠΎΡ€ΠΎΠ³ [ p])

Боляризация изобраТСния случайным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΡƒΡ‚Π΅ΠΌ инвСртирования всСх Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ пиксСлСй Π²Ρ‹ΡˆΠ΅ ΠΏΠΎΡ€ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ значСния.

RandomAdjustSharpness (sharpness_factor[Β p])

ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Π°Ρ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° рСзкости изобраТСния с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

Π‘Π»ΡƒΡ‡Π°ΠΉΠ½Ρ‹ΠΉ автоконтраст ([p])

Автоконтраст пиксСлСй Π΄Π°Π½Π½ΠΎΠ³ΠΎ изобраТСния случайным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

RandomEqualize ([p])

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ гистограммы Π΄Π°Π½Π½ΠΎΠ³ΠΎ изобраТСния случайным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ.

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ PIL

RandomChoice (прСобразования [Β p])

ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ΠΎΡ‡Π½ΠΎΠ΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅, Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ΅ случайным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΈΠ· списка.

RandomOrder (ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅)

ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ список ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ Π² случайном порядкС.

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π° Ρ„Π°ΠΊΠ΅Π»Π΅.*Волько Ρ‚Π΅Π½Π·ΠΎΡ€

LinearTransformation (transformation_matrix, …)

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚Π΅Π½Π·ΠΎΡ€Π½ΠΎΠ³ΠΎ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠΉ ΠΌΠ°Ρ‚Ρ€ΠΈΡ†Ρ‹ прСобразования ΠΈ срСднСго_Π²Π΅ΠΊΡ‚ΠΎΡ€Π°, вычислСнного Π² Π°Π²Ρ‚ΠΎΠ½ΠΎΠΌΠ½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅.

Нормализация (срСднСС, станд.[ Π½Π° мСстС])

Нормализация Ρ‚Π΅Π½Π·ΠΎΡ€Π½ΠΎΠ³ΠΎ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ срСднСго значСния ΠΈ стандартного отклонСния.

RandomErasing ([p, ΠΌΠ°ΡΡˆΡ‚Π°Π±, ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅, Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Π½Π° мСстС])

Π‘Π»ΡƒΡ‡Π°ΠΉΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π½Π° Ρ‚Π΅Π½Π·ΠΎΡ€Π½ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Ρ„Π°ΠΊΠ΅Π»Π° ΠΈ стираСт Π΅Π΅ пиксСли.

ConvertImageDtype (dtype)

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚Π΅Π½Π·ΠΎΡ€Π½ΠΎΠ³ΠΎ изобраТСния Π² Π·Π°Π΄Π°Π½Π½Ρ‹ΠΉ dtype ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Π­Ρ‚Π° функция Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ PIL.

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅

ToPILImage ([Ρ€Π΅ΠΆΠΈΠΌ])

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚Π΅Π½Π·ΠΎΡ€Π° ΠΈΠ»ΠΈ ndarray Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ PIL.

Π’ΠΎΡ‚Π΅Π½Π·ΠΎΡ€ ()

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния PIL ΠΈΠ»ΠΈ numpy.ndarray Π² Ρ‚Π΅Π½Π·ΠΎΡ€.

ΠŸΠ˜Π›Π’ΠΎΠ’Π΅Π½Π·ΠΎΡ€ ()

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния PIL Π² Ρ‚Π΅Π½Π·ΠΎΡ€ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ Ρ‚ΠΈΠΏΠ°.

ΠžΠ±Ρ‰ΠΈΠ΅ прСобразования

Лямбда (лямбда)

ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ лямбда-выраТСния Π² качСствС прСобразования.

АвтоматичСскиС прСобразования Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ

AutoAugment β€” это распространСнный ΠΌΠ΅Ρ‚ΠΎΠ΄ увСличСния Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒ ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ классификации ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π₯отя ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π΄Π°Π½Π½Ρ‹Ρ… Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ связаны с ΠΈΡ… ΠΎΠ±ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΌ Π½Π°Π±ΠΎΡ€ΠΎΠΌ Π΄Π°Π½Π½Ρ‹Ρ…, эмпиричСскиС исслСдования ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ ΠŸΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΈ ImageNet ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Π½Π°Π±ΠΎΡ€Π°ΠΌ Π΄Π°Π½Π½Ρ‹Ρ…. Π’ TorchVision ΠΌΡ‹ Π²Π½Π΅Π΄Ρ€ΠΈΠ»ΠΈ 3 ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΈ для ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π½Π°Π±ΠΎΡ€ΠΎΠ² Π΄Π°Π½Π½Ρ‹Ρ…: ImageNet, CIFAR10 ΠΈ SVHN. НовоС ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ»ΠΈ Π² сочСтании с ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ прСобразованиями:

AutoAugmentPolicy (Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅)

ΠŸΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΈ AutoAugment ΠΈΠ·ΡƒΡ‡Π΅Π½Ρ‹ для Ρ€Π°Π·Π½Ρ‹Ρ… Π½Π°Π±ΠΎΡ€ΠΎΠ² Π΄Π°Π½Π½Ρ‹Ρ….

AutoAugment (ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠ°, интСрполяция, Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅)

ΠœΠ΅Ρ‚ΠΎΠ΄ дополнСния Π΄Π°Π½Π½Ρ‹Ρ… AutoAugment, основанный Π½Π° Β«AutoAugment: ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ стратСгий Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π½Π° основС Π΄Π°Π½Π½Ρ‹Ρ…Β».

RandAugment (num_ops,Β Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Π°, …)

ΠœΠ΅Ρ‚ΠΎΠ΄ увСличСния Π΄Π°Π½Π½Ρ‹Ρ… RandAugment Π½Π° основС Β«RandAugment: ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠΎΠ΅ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Ρ… с ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½Ρ‹ΠΌ пространством поиска».

TrivialAugmentWide (num_magnitude_bins, …)

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Ρ… нСзависимо ΠΎΡ‚ Π½Π°Π±ΠΎΡ€Π° Π΄Π°Π½Π½Ρ‹Ρ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ TrivialAugment Wide, ΠΊΠ°ΠΊ описано Π² Β«TrivialAugment: Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰Π΅Π΅ настройки, Π½ΠΎ соврСмСнноС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Ρ…Β».

AugMix (ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎΡΡ‚ΡŒ, mixture_width, chain_depth, …)

ΠœΠ΅Ρ‚ΠΎΠ΄ дополнСния Π΄Π°Π½Π½Ρ‹Ρ… AugMix Π½Π° основС Β«AugMix: простой ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ надСТности ΠΈ нСопрСдСлСнности».

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ прСобразования

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ прСобразования ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ½Π²Π΅ΠΉΠ΅Ρ€ΠΎΠΌ прСобразования. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… Π²Ρ‹ΡˆΠ΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ прСобразования Π½Π΅ содСрТат случайноС число. Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΏΠΎ своим ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ/ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ всС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, Π½ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ даст Π²Π°ΠΌ воспроизводимыС Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ для Π²Ρ‹Π·ΠΎΠ²ΠΎΠ².

ΠŸΡ€ΠΈΠΌΠ΅Ρ€: Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ ΠΊ нСскольким изобраТСниям, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

 import torchvision.transforms.functional as TF
ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ случайный
def my_segmentation_transforms (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, сСгмСнтация):
    Ссли random.random()> 0,5:
        ΡƒΠ³ΠΎΠ» = случайный. randint(-30, 30)
        ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ = TF.rotate (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΡƒΠ³ΠΎΠ»)
        сСгмСнтация = TF.rotate(сСгмСнтация, ΡƒΠ³ΠΎΠ»)
    # большС ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ ...
    Π²ΠΎΠ·Π²Ρ€Π°Ρ‚ изобраТСния, сСгмСнтация
 

ΠŸΡ€ΠΈΠΌΠ΅Ρ€: Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ для создания классов прСобразования с настраиваСмым ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ:

 ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ torchvision.transforms.functional ΠΊΠ°ΠΊ TF
ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ случайный
класс MyRotationTransform:
    """ΠŸΠΎΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π½Π° ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π·Π°Π΄Π°Π½Π½Ρ‹Ρ… ΡƒΠ³Π»ΠΎΠ²."""
    def __init__(я, ΡƒΠ³Π»Ρ‹):
        self.angles = ΡƒΠ³Π»Ρ‹
    Π·Π°Ρ‰ΠΈΡ‚Π° __call__(я, Ρ…):
        ΡƒΠ³ΠΎΠ» = random.choice(self.angles)
        Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ TF.rotate(x, ΡƒΠ³ΠΎΠ»)
rotate_transform = MyRotationTransform (ΡƒΠ³Π»Ρ‹ = [-30, -15, 0, 15, 30])
 

Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ°_яркости (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, коэффициСнт_яркости)

Настройка яркости изобраТСния.

Adjust_contrast (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Contrast_factor)

Настройка контрастности изобраТСния.

Adjust_gamma (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π³Π°ΠΌΠΌΠ° [ усилСниС])

Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π³Π°ΠΌΠΌΠ°-ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ†ΠΈΠΈ изобраТСния.

Adjust_hue (img, hue_factor)

Настройка ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ° изобраТСния.

Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ°_насыщСнности (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, коэффициСнт насыщСнности)

Настройка насыщСнности Ρ†Π²Π΅Ρ‚Π° изобраТСния.

Adjust_sharpness (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Sharpness_factor)

Настройка рСзкости изобраТСния.

Π°Ρ„Ρ„ΠΈΠ½Π½Ρ‹ΠΉ (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΡƒΠ³ΠΎΠ», ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄, ΠΌΠ°ΡΡˆΡ‚Π°Π±, сдвиг)

ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π°Ρ„Ρ„ΠΈΠ½Π½ΠΎΠ΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ, сохраняя Ρ†Π΅Π½Ρ‚Ρ€ изобраТСния Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½Ρ‹ΠΌ.

автоконтраст (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅)

Π£Π²Π΅Π»ΠΈΡ‡ΡŒΡ‚Π΅ ΠΊΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒ изобраТСния, пСрСраспрСдСлив Π΅Π³ΠΎ пиксСли ΠΏΠΎ ΠΊΠ°Π½Π°Π»Π°ΠΌ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ самыС Π½ΠΈΠΆΠ½ΠΈΠ΅ пиксСли ΡΡ‚Π°Π½ΠΎΠ²ΠΈΠ»ΠΈΡΡŒ Ρ‡Π΅Ρ€Π½Ρ‹ΠΌΠΈ, Π° самыС свСтлыС β€” Π±Π΅Π»Ρ‹ΠΌΠΈ.

center_crop (img, output_size)

ΠžΠ±Ρ€Π΅Π·Π°Π΅Ρ‚ Π·Π°Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ.

convert_image_dtype (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ [ dtype])

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚Π΅Π½Π·ΠΎΡ€Π½ΠΎΠ³ΠΎ изобраТСния Π² Π·Π°Π΄Π°Π½Π½ΠΎΠ΅ dtype ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠΉΡ‚Π΅ значСния. Π­Ρ‚Π° функция Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ PIL Image.

ΠΊΠ°Π΄Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π²Π΅Ρ€Ρ…Π½Π΅Π΅, Π»Π΅Π²ΠΎΠ΅, высота, ΡˆΠΈΡ€ΠΈΠ½Π°)

ΠžΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌ мСстС ΠΈ с ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Π²Ρ‹Π²ΠΎΠ΄Π°.

Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅)

ВыровняйтС гистограмму изобраТСния, ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ² Π½Π΅Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠ΅ сопоставлСниС ΠΊ Π²Ρ…ΠΎΠ΄Π½Ρ‹ΠΌ Π΄Π°Π½Π½Ρ‹ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎΠ΅ распрСдСлСниС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ² сСрого Π½Π° Π²Ρ‹Ρ…ΠΎΠ΄Π΅.

ΡΡ‚Π΅Ρ€Π΅Ρ‚ΡŒ (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, i, j, h, w, v [ Π½Π° мСстС])

Π‘Ρ‚Π΅Ρ€Π΅Ρ‚ΡŒ Π²Ρ…ΠΎΠ΄Π½ΠΎΠ΅ Ρ‚Π΅Π½Π·ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ.

Five_Crop (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ€Π°Π·ΠΌΠ΅Ρ€)

ΠžΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ΠΌ ΡƒΠ³Π»Π°ΠΌ ΠΈ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ.

gaussian_blur (img, kernel_size[ sigma])

ВыполняСт Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ ΠΏΠΎ Гауссу Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ с Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌ ядром.

get_dimensions (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅)

Π’ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния Π² Π²ΠΈΠ΄Π΅ [ΠΊΠ°Π½Π°Π»Ρ‹, высота, ΡˆΠΈΡ€ΠΈΠ½Π°].

get_image_num_channels (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅)

Π’ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ количСство ΠΊΠ°Π½Π°Π»ΠΎΠ² изобраТСния.

get_image_size (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅)

Π’ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния ΠΊΠ°ΠΊ [ΡˆΠΈΡ€ΠΈΠ½Π°, высота].

hflip (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅)

ΠŸΠ΅Ρ€Π΅Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π·Π°Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ.

ΠΈΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅)

Π˜Π½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° изобраТСния RGB/ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ² сСрого.

Π½ΠΎΡ€ΠΌΠ°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ (Ρ‚Π΅Π½Π·ΠΎΡ€, срСднСС, стандартноС [ Π½Π° мСстС])

Нормализация изобраТСния Ρ‚Π΅Π½Π·ΠΎΡ€Π° с ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅ΠΉ запятой со срСдним Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΈ стандартным ΠΎΡ‚ΠΊΠ»ΠΎΠ½Π΅Π½ΠΈΠ΅ΠΌ.

Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ (img, padding[ fill, padding_mode])

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ со всСх сторон Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ «дополнСния».

пСрспСктива (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π°Ρ‡Π°Π»ΡŒΠ½Π°Ρ Ρ‚ΠΎΡ‡ΠΊΠ°, конСчная Ρ‚ΠΎΡ‡ΠΊΠ° [ …])

Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ пСрспСктивноС ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄Π°Π½Π½ΠΎΠ³ΠΎ изобраТСния.

pil_to_tensor (рис.)

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния PIL Π² Ρ‚Π΅Π½Π·ΠΎΡ€ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ Ρ‚ΠΈΠΏΠ°.

постСризация (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π±ΠΈΡ‚Ρ‹)

ΠŸΠΎΡΡ‚Π΅Ρ€ΠΈΠ·Π°Ρ†ΠΈΡ изобраТСния ΠΏΡƒΡ‚Π΅ΠΌ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ числа Π±ΠΈΡ‚ΠΎΠ² для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠ°Π½Π°Π»Π°.

ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° (img, size[ интСрполяция, max_size, …])

ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π²Ρ…ΠΎΠ΄Π½ΠΎΠ³ΠΎ изобраТСния Π΄ΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

resized_crop (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π²Π΅Ρ€Ρ…Π½Π΅Π΅, Π»Π΅Π²ΠΎΠ΅, высота, ΡˆΠΈΡ€ΠΈΠ½Π°, Ρ€Π°Π·ΠΌΠ΅Ρ€)

ΠžΠ±Ρ€Π΅ΠΆΡŒΡ‚Π΅ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π΄ΠΎ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

rgb_to_grayscale (img[ num_output_channels])

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния RGB Π² Π²Π΅Ρ€ΡΠΈΡŽ изобраТСния Π² градациях сСрого.

ΠΏΠΎΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒ (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅,Β ΡƒΠ³ΠΎΠ»[ интСрполяция,Β Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ, …])

ΠŸΠΎΠ²ΠΎΡ€ΠΎΡ‚ изобраТСния Π½Π° ΡƒΠ³ΠΎΠ».

соляризация (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΏΠΎΡ€ΠΎΠ³)

Боляризация изобраТСния RGB/ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ² сСрого ΠΏΡƒΡ‚Π΅ΠΌ инвСртирования всСх Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ пиксСлСй Π²Ρ‹ΡˆΠ΅ ΠΏΠΎΡ€ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ значСния.

ten_crop (img, size[vertical_flip])

Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄Π΅ΡΡΡ‚ΡŒ ΠΎΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ· Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ изобраТСния.

to_grayscale (img[ num_output_channels])

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния PIL любого Ρ€Π΅ΠΆΠΈΠΌΠ° (RGB, HSV, LAB ΠΈ Ρ‚. Π΄.) Π² Π²Π΅Ρ€ΡΠΈΡŽ изобраТСния Π² градациях сСрого.

to_pil_image (рис[ Ρ€Π΅ΠΆΠΈΠΌ])

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚Π΅Π½Π·ΠΎΡ€Π° ΠΈΠ»ΠΈ ndarray Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ PIL.

to_tensor (рис)

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния PIL ΠΈΠ»ΠΈ numpy.ndarray Π² Ρ‚Π΅Π½Π·ΠΎΡ€.

vflip (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅)

ΠŸΠ΅Ρ€Π΅Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π·Π°Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ.

Imaging Edge Desktop | ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ позволяСт ΡΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΡƒΠ΄Π°Π»Π΅Π½Π½ΠΎ.

Для ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ³ΠΎ просмотра этого сайта Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ JavaScript.

Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ°: Windows

Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ°: Mac

РСкомСндуСмая срСда

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ устройства ΠΈ Ρ‚. Π΄.

ΠžΠ±Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚

Imaging Edge Desktop позволяСт Π²Π°ΠΌ Π²ΠΎΠΉΡ‚ΠΈ Π² свою ΡƒΡ‡Π΅Ρ‚Π½ΡƒΡŽ запись, ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ изобраТСния RAW ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΡƒΠ΄Π°Π»Π΅Π½Π½ΡƒΡŽ ΡΡŠΠ΅ΠΌΠΊΡƒ.

Дистанционная съСмка с ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ Wi-Fi/USB

Π’ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ ΠΏΡ€ΠΎΠ²ΠΎΠ΄Π½ΠΎΠΌΡƒ соСдинСнию с USB Ρ‚Π°ΠΊΠΆΠ΅ поддСрТиваСтся удалСнная (кабСльная) съСмка * с бСспроводным соСдинСниСм Wi-Fi.

* Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Ρ… ΠΊΠ°ΠΌΠ΅Ρ€Π°Ρ… см. здСсь.

Настройка ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ (сСтка, Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π°Ρ, просмотр Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ)

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‚ΠΎΡ‡Π½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ сСтку, Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΡƒΡŽ ΠΈ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

Π Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° фокуса (фокусировка ΠΏΠΎ области, ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅)

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ эффСктивно Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Ρ‚ΠΎΡ‡Π½ΡƒΡŽ настройку фокуса, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ фокусировку ΠΏΠΎ спСцификации области, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ увСличСния ΠΈ Ρ‚ΠΎΡ‡Π½ΡƒΡŽ настройку с Ρ€ΡƒΡ‡Π½ΠΎΠΉ фокусировкой.

Π’ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ эффСктивного Π²Ρ‹Π±ΠΎΡ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡƒΡ‚Π΅ΠΌ привязки ΠΊ функциям Β«Π£Π΄Π°Π»Π΅Π½Π½Ρ‹ΠΉΒ» ΠΈ Β«Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΒ».

  1. 1. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ съСмки изобраТСния ΠΌΠΎΠΆΠ½ΠΎ быстро ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ, работая вмСстС с Β«ΠŸΡƒΠ»ΡŒΡ‚ΠΎΠΌΒ». Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ позволяСт Π²Π°ΠΌ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ снимаСмоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сСтки ΠΈ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ….
  2. 2. ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ΡΡ список Π΄Π°Π½Π½Ρ‹Ρ… изобраТСния, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ RAW ΠΈ JPEG. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Β«ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Β», Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для «РСдактирования» для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ RAW.
  3. 3. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΎΠ²ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² соотвСтствии с XMP (ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с Adobe).

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ снятыС изобраТСния Π² Ρ‚Ρ€Π΅Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… отобраТСния.

  • ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ эскизов

  • ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра

  • ДисплСй сравнСния

Ѐункция настройки проявлСния высококачСствСнных RAW

  1. 1. МоТно Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ качСство изобраТСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΡΡ€ΠΊΠΎΡΡ‚ΡŒ, ΠΎΡ‚Ρ‚Π΅Π½ΠΎΠΊ ΠΈ баланс Π±Π΅Π»ΠΎΠ³ΠΎ.
  2. 2. МоТно ΠΎΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ качСство ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ARQ, созданных с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΡΡŠΠ΅ΠΌΠΊΠΈ со сдвигом пиксСлСй, ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Π² TIFF, JPEG ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹.

ΠœΡƒΠ»ΡŒΡ‚ΠΈΡΡŠΠ΅ΠΌΠΊΠ° со сдвигом пиксСлСй

Π’ Ρ€Π΅ΠΆΠΈΠΌΠ΅ Β«ΠœΡƒΠ»ΡŒΡ‚ΠΈΡΡŠΠ΅ΠΌΠΊΠ° со сдвигом пиксСлСй» ΠΊΠ°ΠΌΠ΅Ρ€Π° снимаСт Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ RAW со сдвигом Π΄Π°Ρ‚Ρ‡ΠΈΠΊΠ° изобраТСния. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ изобраТСния с Π±ΠΎΠ»Π΅Π΅ высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ, Ρ‡Π΅ΠΌ это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ съСмкС, ΠΏΡƒΡ‚Π΅ΠΌ объСдинСния Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ RAW Π½Π° ПК. Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΏΡ€ΠΈ съСмкС Π½Π΅ΠΏΠΎΠ΄Π²ΠΈΠΆΠ½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ произвСдСния искусства ΠΈ здания.
ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π² сочСтании с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΠΎΠΉ модСлью ΠΊΠ°ΠΌΠ΅Ρ€Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ½ΠΈΠΌΠ°Ρ‚ΡŒ 16 ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ RAW, обСспСчивая ΡΡŠΠ΅ΠΌΠΊΡƒ со свСрхвысоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ с ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, эквивалСнтной 963,2 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π° пиксСлСй (ΠΏΡ€ΠΈΠ±Π». 60,2 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π° пиксСлСй x 16).

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

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ устройства

Flow of Pixel Shift ΠœΡƒΠ»ΡŒΡ‚ΠΈΡΡŠΠ΅ΠΌΠΊΠ°

  • Remote

    УдалСнная съСмка с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ПК/Mac

    Remote : УдалСнная съСмка с использованиСм ПК/Mac

    ПослС ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹ ΠΊ ПК/Mac Ρ‡Π΅Ρ€Π΅Π· USB ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Remote для ΡƒΠ΄Π°Π»Π΅Π½Π½ΠΎΠΉ съСмки. ΠŸΠ΅Ρ€Π΅Π΄ съСмкой Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ, фокус ΠΈ ΡΠΊΡΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Π½Π° экранС ПК/Mac.

  • БрСдство просмотра

    ОбъСдинСниС ΠΈ просмотр отснятых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

    БрСдство просмотра: ОбъСдинСниС ΠΈ просмотр отснятых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

    Когда Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅ ΡΡŠΠ΅ΠΌΠΊΡƒ, нСскомбинированныС изобраТСния RAW (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ARW) ΠΏΠ΅Ρ€Π΅Π΄Π°ΡŽΡ‚ΡΡ Π½Π° ваш ПК/Mac. ΠšΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ RAW (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ARQ) автоматичСски Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π½Π° вашСм ПК/Mac, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΡ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Viewer.
    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Viewer Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ изобраТСния, снятыС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Β«ΠœΡƒΠ»ΡŒΡ‚ΠΈΡΡŠΠ΅ΠΌΠΊΠ° со сдвигом пиксСлСй», ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ°ΠΌΠ΅Ρ€Ρƒ, Π° Π½Π΅ ПК/Mac.

  • Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ

    Настройка качСства изобраТСния ΠΈ Π²Ρ‹Π²ΠΎΠ΄Π°

    Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ : Настройка качСства изобраТСния ΠΈ Π²Ρ‹Π²ΠΎΠ΄Π°

    ΠšΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ JPEG ΠΈΠ»ΠΈ TIFF, ΠΎΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Π² качСство изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

    Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

    Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *