Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² html: Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ Π² html: порядок дСйствий

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

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ Π² 3ds Max

ΠœΠΈΡ€ Π½Π΅ Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠΌΠ½Π°Ρ‚ΠΎΠΉ, ΠΊΠ²Π°Ρ€Ρ‚ΠΈΡ€ΠΎΠΉ ΠΈΠ»ΠΈ Π΄ΠΎΠΌΠΎΠΌ. Π—Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ помСщСния всСгда Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ. Но, занимаясь ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π½ΠΎΠΉ ΠΈΠ»ΠΈ ΡΠΊΡΡ‚Π΅Ρ€ΡŒΠ΅Ρ€Π½ΠΎΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ, Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΡΠΎΠ·Π΄Π°Ρ‚ΡŒ вСсь ΠΌΠΈΡ€. Π”Π°ΠΆΠ΅ Π½Π° ΠΌΠ°Π»ΡƒΡŽ Π΅Π³ΠΎ Ρ‡Π°ΡΡ‚ΡŒ ΡƒΠΉΠ΄Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ сил. Π’Π°ΠΊ Π΄Π°Π²Π°ΠΉΡ‚Π΅ разбСрСмся, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ рСалистичности сцСнС. Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ малСнький ΠΌΠΈΡ€ Π·Π° ΠΎΠΊΠ½ΠΎΠΌ Π±Π΅Π· особых усилий. Π‘Ρ‚ΠΎΠΈΡ‚ сразу ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π² Π΄Π°Π½Π½ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ доступСн Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ установлСнной ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Corona Renderer.

1. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°

Π‘Π°ΠΌΡ‹ΠΉ простой Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΎΠΊΡ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ – это Π½Π°ΠΉΡ‚ΠΈ Π΅Π³ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’ зависимости ΠΎΡ‚ сцСны, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ β€” лСс, Π³ΠΎΡ€ΠΎΠ΄, ΠΏΡƒΡΡ‚Ρ‹Π½ΡŽ. 3ds Max позволяСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ самыС ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² качСствС тСкстур для ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ². Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС потрСбуСтся ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ высокого качСства.

Вакая тСкстура Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΠ΄Π²Π΅Ρ€Π³Π°Ρ‚ΡŒΡΡ искаТСниям. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ самый простой ΠΈ эффСктивный ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ для Ρ€ΠΎΠ»ΠΈ Β«ΠΏΠΎΠ»ΠΎΡ‚Π½Π°Β» Π±ΡƒΠ΄Π΅Ρ‚ Plane. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Create – Standard Primitives – Plane. ЗначСния Length Segs ΠΈ Width Segs ΠΌΠΎΠΆΠ½ΠΎ ΡΠ½ΠΈΠ·ΠΈΡ‚ΡŒ Π΄ΠΎ 1.

ΠžΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Ρ‹ΠΌ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠΌ сСйчас являСтся Ρ€Π°Π·ΠΌΠ΅Ρ€. Π—Π°Π΄Π°Π²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π½ΡƒΠΆΠ½ΠΎ, исходя ΠΈΠ· Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° сохранила ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ. Π Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ Π² мСстС, Π³Π΄Π΅ ΠΎΠ½Π° сохранСна с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ПКМ – Бвойства – ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ. ИмСнно эти значСния вносятся Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Plane.

Π—Π°Ρ‚Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ просто ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈΠ· ΠΏΠ°ΠΏΠΊΠΈ Π½Π° Plane с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ΡˆΠΈ. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ автоматичСски прСвратится Π² тСкстуру ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° Ρ€Π΅Π½Π΄Π΅Ρ€Π΅. Π“Π»Π°Π²Π½ΠΎΠ΅ β€” ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° располоТСниСм ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° плоскости, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅Ρ€Π΅ΠΏΡƒΡ‚Π°Ρ‚ΡŒ стороны.

ПослС этого, ΠΏΠ»ΠΎΡΠΊΠΎΡΡ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ Π² Ρ‚Π΅Ρ… мСстах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΠΏΠ°Π΄Π°Ρ‚ΡŒ Π² ΠΊΠ°ΠΌΠ΅Ρ€Ρƒ. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΏΠ»ΠΎΡΠΊΠΎΡΡ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ малСнькая, Π΅Π΅ понадобится ΠΎΡ‚ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ инструмСнтом Scale.

На Ρ€Π΅Π½Π΄Π΅Ρ€Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ. БСзусловно, Ρ€Π΅Π½Π΄Π΅Ρ€Ρƒ понадобится Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Ρ†Π²Π΅Ρ‚ΠΎΠ², освСщСния ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΡ… эффСктов. Π’Π°ΠΊ ΠΆΠ΅ Π΄ΠΎΠ»Π³ΠΎΠ΅ врСмя ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π½ΡΡ‚ΡŒ поиск Π½ΡƒΠΆΠ½ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΠ»Π° ΠΈ ΠΏΠΎ Ρ†Π²Π΅Ρ‚Ρƒ, ΠΈ ΠΏΠΎ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ.

2. HDRI

ΠžΡ‡Π΅Π½ΡŒ популярный способ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ качСствСнноС ΠΎΠΊΡ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ β€” это ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ HDRI ΠΊΠ°Ρ€Ρ‚Ρƒ. Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ HDRI, Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΉΡ‚ΠΈ Π² мСню Environment and Effects. Для этого Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Β«8Β» ΠΈΠ»ΠΈ Rendering – Environment… Π§Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ°Ρ€Ρ‚Π° Π·Π°Ρ€Π°Π±ΠΎΡ‚Π°Π»Π°, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ставим Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Use Map ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ None – Bitmap. Π—Π°Ρ‚Π΅ΠΌ просто Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ».

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎ этой ΠΊΠ°Ρ€Ρ‚Ρ‹ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° ΠΈΠΌΠ΅Π΅Ρ‚ тСкстуру Π² Π²ΠΈΠ΄Π΅ сфСры, которая ΠΎΠΊΡ€ΡƒΠΆΠ°Π΅Ρ‚ всю сцСну. Π­Ρ‚ΠΎ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ позволяСт ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹ΠΉ ракурс, Π½ΠΎ ΠΈ ΠΎΠ±Π»Π΅Π³Ρ‡Π°Π΅Ρ‚ созданиС окруТСния, Ссли Π²ΠΈΠ΄ Π½Π° ΡƒΠ»ΠΈΡ†Ρƒ Π½Π΅ ΠΎΠ΄ΠΈΠ½. Π’ΠΎ Π΅ΡΡ‚ΡŒ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ всС ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ, хотя ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ всСго ΠΎΠ΄Π½ΠΎ.

3.

CoronaSky

CoronaSky β€” это инструмСнт, ΡΠΎΠ·Π΄Π°ΡŽΡ‰ΠΈΠΉ ΠΈΠΌΠΈΡ‚Π°Ρ†ΠΈΡŽ Π½Π΅Π±Π° Π²ΠΎΠΊΡ€ΡƒΠ³ сцСны. По сути, это такая ΠΆΠ΅ HDRI ΠΊΠ°Ρ€Ρ‚Π°, Π½ΠΎ с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ. Ими ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ². Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ эту ΠΊΠ°Ρ€Ρ‚Ρƒ, ΠΌΡ‹ ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΠΌ Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΠΏΡƒΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈ для HDRI, Π½ΠΎ вмСсто

Bitmap Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ»ΠΈΡΡ‚Π°Ρ‚ΡŒ Π²Π½ΠΈΠ· ΠΈ Π½Π°ΠΉΡ‚ΠΈ CoronaSky.

А Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ ΠΈ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΊΠ°Ρ€Ρ‚Π°ΠΌΠΈ, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΡΡ‚Π°Ρ‚ΡŒΡŽ 10 самых Π½ΡƒΠΆΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ 3ds Max.

Π—Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ, CoronaSky создаСт Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚, ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с HDRI ΠΊΠ°Ρ€Ρ‚Π°ΠΌΠΈ. Однако линию Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π° Ρƒ Π½Π΅Π±Π° ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ. Π’ суммС с Corona Sun ΠΌΠΎΠΆΠ½ΠΎ быстро ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ прСкрасный Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ солнСчного дня с ясным Π½Π΅Π±ΠΎΠΌ.

Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΠ°Ρ€Ρ‚, эта ΠΈΠΌΠ΅Π΅Ρ‚ особСнности настроСк. ΠŸΠ΅Ρ€Π²Π°Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΎΡ‚ HDRI – это Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ измСнСния ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° ΠΈ повторСния.

НСбо всСгда строго зафиксировано. А Π²Ρ‚ΠΎΡ€ΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ – собствСнноС свСчСниС. Если сразу Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Ρ€Π΅Π½Π΄Π΅Ρ€, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ сцСна слишком засвСчСна. Π§Ρ‚ΠΎΠ±Ρ‹ это ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ, Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Material Editor (горячая клавиша M), ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚Ρƒ Π² Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ.

Главная Π·Π°Π΄Π°Ρ‡Π° Material Editor – созданиС ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ². Π£Π·Π½Π°Ρ‚ΡŒ основныС настройки ΠΈ свойства ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ CoronaMtl 3ds Max.

БСзусловно, Ссли Π½Π΅ ΠΏΡ€ΠΈΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ усилий, Ρ‚ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΅Π΄Π²Π° Π»ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ. Но, зная Π²ΠΎΡ‚ Ρ‚Π°ΠΊΠΈΠ΅ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ создания окруТСния, Π³ΠΎΡ€Π°Π·Π΄ΠΎ ΠΏΡ€ΠΎΡ‰Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Ρ‹ ΠΈ ΡΠΊΡΡ‚Π΅Ρ€ΡŒΠ΅Ρ€Ρ‹. А Ссли ΠΏΠΎΠΊΠΎΠΏΠ°Ρ‚ΡŒΡΡ Π² настройках ΠΈ ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‚ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΎΡΡ…ΠΈΡ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ!

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ Π½Π° всю страницу css

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½Π° Π½Π° вСсь экран с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS

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

Но Π΅ΡΡ‚ΡŒ способ, ТСртвуя ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ IE8 ΠΈ Π½ΠΈΠΆΠ΅, Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ это всСго лишь нСсколькими строчками CSS ΠΊΠΎΠ΄Π°.

Бвойство background-size

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ background-size ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ. Богласно Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ этого свойства (ссылка Π½Π° htmlbook) ΠΎΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ значСния cover ΠΈ contain .

  • cover β€” ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с сохранСниСм ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΠ»Π°ΡΡŒ Π²Π½ΡƒΡ‚Ρ€ΡŒ Π±Π»ΠΎΠΊΠ°.
  • contain β€” ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с сохранСниСм ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Π³ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈΠ»ΠΈ высота Ρ€Π°Π²Π½ΡΠ»Π°ΡΡŒ ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΈΠ»ΠΈ высотС Π±Π»ΠΎΠΊΠ°.

Всё, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ изобраТСния для HTML:

Π“ΠΎΡ‚ΠΎΠ²ΠΎ! Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ отобраТаСтся Π½Π° вСсь экран, Π΄Π°ΠΆΠ΅ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚Π°ΠΊ ΠΆΠ΅ Π² IE9+.

Π€ΠΎΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ всСгда растягиваСтся Π½Π° всю страницу

ЦСль Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡƒΡ€ΠΎΠΊΠ° Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ способы ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния для Π²Π΅Π± сайта, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ всСгда Ρ€Π°ΡΡ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π½Π° всС ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

ΠŸΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ΡƒΡ€ΠΎΠΊ ΡƒΠΆΠ΅ приводился Π½Π° сайтС RUSELLER.COM. Но с Ρ‚ΠΎΠ³ΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° ΠΏΡ€ΠΎΡˆΠ»ΠΎ врСмя ΠΈ наступила ΠΏΠΎΡ€Π° ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ список ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ².

Π’ΠΎΡ‚ трСбования ΠΊ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡŽ:

Π—Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ всю страницу Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ².

ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ссли Π½ΡƒΠΆΠ½ΠΎ.

Π‘ΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ изобраТСния.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ цСнтрируСтся Π½Π° страницС.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ создаСт Π½ΠΈΠΊΠ°ΠΊΠΈΡ… полос ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

ΠšΡ€ΠΎΡΡ-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ возмоТности.

НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… сторонних Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Flash.

Π£Π΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ, простой ΠΈ прогрСссивный ΠΌΠ΅Ρ‚ΠΎΠ΄ CSS3

Π—Π°Π΄Π°Ρ‡Π° Π»Π΅Π³ΠΊΠΎ Ρ€Π΅ΡˆΠ°Π΅Ρ‚ΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS3 благодаря ΡΡ‚Π°Π²ΡˆΠ΅ΠΌΡƒ доступным свойству background-size . ΠœΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ элСмСнт html (Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ body , Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ всСгда ΠΈΠΌΠ΅Π΅Ρ‚, ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, высоту ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°). УстанавливаСм фиксированныС ΠΈ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ для Π½Π΅Π³ΠΎ, Π° Π·Π°Ρ‚Π΅ΠΌ настраиваСм Ρ€Π°Π·ΠΌΠ΅Ρ€ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ присваивания свойству background-size ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ³ΠΎ слова cover.

Opera 10+ (Opera 9.5 ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ свойство background-size, Π½ΠΎ Π±Π΅Π· ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов)

Π’Π΅Ρ…Π½ΠΈΠΊΠ° с использованиСм Ρ‚ΠΎΠ»ΡŒΠΊΠΎ CSS. Π§Π°ΡΡ‚ΡŒ #1.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ строчный элСмСнт <img> , Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ Π² любом Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. УстанавливаСм свойство min-height , Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ, Π° свойству width присваиваСм Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 100% для заполнСния ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ. Π’Π°ΠΊΠΆΠ΅ устанавливаСм свойство min-width Ρ€Π°Π²Π½Ρ‹ΠΌ ΡˆΠΈΡ€ΠΈΠ½Π΅ изобраТСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½ΠΈΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΎ Π½Π΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π»ΠΎΡΡŒ.

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

Π›ΡŽΠ±ΠΎΠΉ вСрсии Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°: Safari / Chrome / Opera / Firefox.

IE 6: НС Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ β€” Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΈΠ· Ρ‚Ρ€ΡŽΠΊΠΎΠ² для позиционирования.

IE 7/8: Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Π½Π΅ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ малСнькиС изобраТСния, Π½ΠΎ заполняСт экран ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ.

Π’Π΅Ρ…Π½ΠΈΠΊΠ° с использованиСм Ρ‚ΠΎΠ»ΡŒΠΊΠΎ CSS. Π§Π°ΡΡ‚ΡŒ #2.

Π”Ρ€ΡƒΠ³ΠΎΠΉ способ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π·Π°Π΄Π°Ρ‡Ρƒ β€” ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ строчный элСмСнт <img> Π½Π° страницС, Π·Π°Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 100% для Π΅Π³ΠΎ свойств min-width ΠΈ min-height , сохраняя коэффициСнт ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Однако Ρ‚Π°ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ цСнтрируСтся. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΎΠ±Π΅Ρ€Π½Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² элСмСнт <div> . Π”Π°Π½Π½Ρ‹ΠΉ <div> Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² Π΄Π²Π° Ρ€Π°Π·Π° большС ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½Π½ΠΎΠ΅ Π² Π½Π΅Π³ΠΎ, Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡΡΡŒ Ρ‚ΠΎΡ‡Π½ΠΎ Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅.

Safari / Chrome / Firefox (Π½Π΅ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Π»ΠΎΡΡŒ Π½Π° всСх вСрсиях, Π½ΠΎ Π² послСдних Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ прСкрасно).

Opera (любая вСрсия) ΠΈ IE ΠΎΡ‚ΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π΄Π°Π½Π½Ρ‹ΠΌ способом (Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния).

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ jQuery

ИдСя ΠΎΡ‡Π΅Π½ΡŒ проста, Ссли коэффициСнт ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ изобраТСния (строчный элСмСнт <img> Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Ρ„ΠΎΠ½) сопоставляСтся с коэффициСнтом ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Если для изобраТСния ΠΎΠ½ мСньшС, Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ свойству изобраТСния width Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 100%, ΠΈ ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ экран ΠΈ ΠΏΠΎ высотС ΠΈ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅. А Ссли большС, Ρ‚ΠΎ ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ свойству изобраТСния height Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 100%.

IE7+ (с Π·Π°Π³Π»ΡƒΡˆΠΊΠ°ΠΌΠΈ, вСроятно, Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈ Π² IE6)

Π’ΠΎ всСх ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ….

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π›ΡŽΠ±ΠΎΠΉ ΠΈΠ· ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈΠΌΠ΅Π΅Ρ‚ свои достоинства ΠΈ нСдостатки. НуТно просто Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ подходящСС для ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ случая. Ну, ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ своС.

Π”Π°Π½Π½Ρ‹ΠΉ ΡƒΡ€ΠΎΠΊ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½ для вас ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ сайта ruseller.com
Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ ΡƒΡ€ΠΎΠΊΠ°: css-tricks.com/perfect-full-page-background-image/
ΠŸΠ΅Ρ€Π΅Π²Π΅Π»: Π‘Π΅Ρ€Π³Π΅ΠΉ Ѐастунов
Π£Ρ€ΠΎΠΊ создан: 14 ДСкабря 2010
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ²: 130398
ΠŸΡ€Π°Π²ΠΈΠ»Π° ΠΏΠ΅Ρ€Π΅ΠΏΠ΅Ρ‡Π°Ρ‚ΠΊΠΈ

5 послСдних ΡƒΡ€ΠΎΠΊΠΎΠ² Ρ€ΡƒΠ±Ρ€ΠΈΠΊΠΈ Β«CSSΒ»

Π—Π°Π±Π°Π²Π½Ρ‹Π΅ эффСкты для Π±ΡƒΠΊΠ²

НСбольшой эффСкт с ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ Π±ΡƒΠΊΠ².

РСализация Π·Π°Π±Π°Π²Π½Ρ‹Ρ… подсказок

НСбольшой ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚ Π·Π°Π±Π°Π²Π½Ρ‹Ρ… подсказок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ Π½Π° SVG ΠΈ anime.js. Помимо особого стиля Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° анимация ΠΈ трансформация графичСских ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ².

АнимированныС Π±ΡƒΠΊΠ²Ρ‹

ЭкспСримСнт: Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ SVG Π±ΡƒΠΊΠ²Ρ‹ Π½Π° Π±Π°Π·Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ anime.js.

Π‘ΠΎΠ»Π½Ρ†Π΅Π·Π°Ρ‰ΠΈΡ‚Π½Ρ‹Π΅ ΠΎΡ‡ΠΊΠΈ ΠΎΡ‚ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Π»ΠΈΡ†Π°

ΠŸΡ€ΠΈΠΊΠΎΠ»ΡŒΠ½Ρ‹ΠΉ экспСримСнт Π²Π΅Π± страницы ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ осущСствляСтся β€œΠΎΡ‚ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ лица” Ρ‡Π΅Ρ€Π΅Π· солнцСзащитныС ΠΎΡ‡ΠΊΠΈ.

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π½Π° всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ?

Для измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ свойство background-size. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 100% ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° всю Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, ΠΏΡ€ΠΈ этом высота Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π΄Π°Π½Π° автоматичСски, исходя ΠΈΠ· ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ (ΠΏΡ€ΠΈΠΌΠ΅Ρ€ 1).

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 1. ИспользованиС background-size

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 1. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° повторяСтся ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ. Если ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠ΅ Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ Ρ‡Π΅Ρ€Π΅Π· background-repeat, Ρ‚ΠΎ фоновая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ лишь Ρ‡Π°ΡΡ‚ΡŒ Π²Π΅Π±-страницы.

Рис. 1. Ѐоновая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π° всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π²Π΅Π±-страницы

Часто Ρ‚Π°ΠΊΠΆΠ΅ трСбуСтся ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΡ‚ΡŒ высоту Ρ„ΠΎΠ½Π° фиксированным Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ, Π° ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ 100%. Для этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ свойство height для указания высоты, Π° для background-size пишСм Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ cover (ΠΏΡ€ΠΈΠΌΠ΅Ρ€ 2).

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² вашС элСктронноС письмо Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML β€” Stripo.email

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ Ρƒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ вашС сообщСниС, ΠΈΠ»ΠΈ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ ΡƒΠΉΡ‚ΠΈ ΠΈ Π΄Π°ΠΆΠ΅ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Π΅Π³ΠΎ. ВсС зависит Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΡ‚ вашСго Ρ‰Π΅Π΄Ρ€ΠΎΠ³ΠΎ прСдлоТСния, Π½ΠΎ ΠΈ Π² основном ΠΎΡ‚ стиля ΠΈ структуры вашСго шаблона элСктронной рассылки. Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ большоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

ΠŸΡ€ΠΎΡΡ‚ΠΎ выбирая изобраТСния ΠΈ добавляя Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π² элСктронноС письмо Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML, Π²Ρ‹ Π·Π°Π΄Π°Π΅Ρ‚Π΅ Ρ‚ΠΎΠ½ всСму ΡΠΎΠΎΠ±Ρ‰Π΅Π½ΠΈΡŽ.

ВсС, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‰ΡƒΡŽ кампанию ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅  ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ этот Ρ‚ΠΎΠ½ вСсСлым .

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ нашС ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎΠ΅ Π²ΠΈΠ΄Π΅ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Ρ‚ΠΈΠΏΠ°Ρ… Ρ„ΠΎΠ½ΠΎΠ² ΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡ… Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Stripo.

Π’ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ CTA, Π±Π°Π½Π½Π΅Ρ€Π°Ρ… ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π°Ρ…. Но Π²Ρ‹ вряд Π»ΠΈ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΎ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… изобраТСниях Π² сообщСниях элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹. Какая потСря β€” Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β€” это Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ способ ΡƒΠΊΡ€Π°ΡΠΈΡ‚ΡŒ отправляСмыС Π²Π°ΠΌΠΈ сообщСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ выглядСли Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹ΠΌΠΈ ΠΈ красиво ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½Ρ‹ΠΌΠΈ.

Π― искал Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… изобраТСниях элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML, Π½ΠΎ всС, Ρ‡Ρ‚ΠΎ я нашСл, это ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ ΠΊ вашСй элСктронной ΠΏΠΎΡ‡Ρ‚Π΅, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Gmail ΠΈΠ»ΠΈ Outlook, ΠΏΠ°ΠΏΠΊΡƒ Β«Π˜ΡΡ…ΠΎΠ΄ΡΡ‰ΠΈΠ΅Β» ΠΈ ΠΊΠ°ΠΊ внСсти измСнСния Π² ΠΊΠΎΠ΄Ρ‹ HTML.

Π Π΅Π·ΠΎΠ½Π½Ρ‹ΠΉ вопрос здСсь Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Π³Π΄Π΅ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°ΠΉΡ‚ΠΈ ΠΏΡƒΠ»Π΅Π½Π΅ΠΏΡ€ΠΎΠ±ΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния для Π½Π°ΡˆΠΈΡ… элСктронных писСм ΠΈ ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΡ… Π² наши ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎ β€” ΠΏΡ€ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ для вас Π»ΡƒΡ‡ΡˆΠΈΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ‚Π΅ΠΌΠ° ΡΡ‚Π°Ρ‚ΡŒΠΈ называСтся «Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² вашС элСктронноС письмо Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTMLΒ»? ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ Π² страйп ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΊΠΎ всСму ΠΏΠΈΡΡŒΠΌΡƒ β€” Π½ΡƒΠΆΠ½ΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ Π½Π°Π²Ρ‹ΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с HTML-ΠΊΠΎΠ΄ΠΎΠΌ. Но Π½Π΅ со Stripo. ΠœΡ‹ упростили этот процСсс для вашСго удобства β€”  большС Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π²Π½ΠΎΡΠΈΡ‚ΡŒ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² ΠΊΠΎΠ΄Ρ‹ HTML .

Π§Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΡΠ»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½ΡƒΡŽ ΠΏΠΎΡ‡Ρ‚Ρƒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π²Π°ΡˆΠΈΡ… элСктронных писСм ΠΈΡ… ΠΊ своим сообщСниям, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² красиво структурированными ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΌΠΈ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡΠΌΠΈ, Π½ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΏΠ΅Ρ€Π΅Π΄ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΎΠΉ писСм ΠΊΡ€Π°ΠΉΠ½Π΅ Π²Π°ΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΈΡ… Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Litmus ΠΈΠ»ΠΈ любого Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ сСрвиса. Они ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΡƒΡŽΡ‚ ваш шаблон Π½Π° Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 70 прилоТСниях ΠΈ устройствах ΠΈ прСдоставят Π²Π°ΠΌ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹.

Π—Π΄Π΅ΡΡŒ, Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅, ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΠ½ Π² Π²ΠΈΠ΄Π΅ Π±Π΅Π»ΠΎΠΉ Ρ€Π°ΠΌΠΊΠΈ Π½Π΅ отобраТаСтся Π² Outlook 2003, ΠΊΠ°ΠΊ Π² Outlook 2016 ΠΈ ΠΏΠΎΡ‡Ρ‚Π΅ Windows 10, Π½ΠΎ отобраТаСтся Π² 2007.

Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ отобраТаСтся:

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

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅.  Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ β€” Π±Π΅Π»Ρ‹ΠΉ.

Π Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π€ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния для полос

Волько Ρ€Π΅Π΄ΠΊΠΈΠ΅ конструкторы шаблонов ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ². Stripo.email β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ….

МнС нравится этот ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π·Π° Π΅Π³ΠΎ изящноС, Π½ΠΎ простоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Волько посмотритС, ΠΊΠ°ΠΊ Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² элСктронноС письмо с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Stripo:

  1. ΠΌΡ‹ вставили Π±Π»ΠΎΠΊΠΈ: Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, тСкст, Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Β«ΠΊΠ½ΠΎΠΏΠΊΡƒΒ» ΠΈΠ»ΠΈ Ρ‚Π°ΠΉΠΌΠ΅Ρ€ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ отсчСта ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ„ΠΎΠ½Π°;
  2. Π²Ρ‹Π±Ρ€Π°Π» Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° для всСй полосы;
  3. ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ» Β«Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β» для Π±Π»ΠΎΠΊΠ°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅:  ΠžΡ‚Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«Π¦Π΅Π½Ρ‚Ρ€Β», Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ Β«ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒΒ», Ссли ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈΠ»ΠΈ высота изобраТСния слишком ΠΌΠ°Π»Ρ‹ для заполнСния всСй полосы.

ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ тСкст ΠΏΠΎΠ²Π΅Ρ€Ρ… изобраТСния, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ, Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅.

Π’Π°ΠΆΠ½ΠΎ:  ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ получатСлям ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅, настройтС добавляСмоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β€” ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ Π²ΠΎ встроСнном Ρ„ΠΎΡ‚ΠΎΡ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅.

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

Π’ Ρ€Π΅Π΄ΠΊΠΈΡ… случаях Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ полос. Для этого для всСй части Π½ΡƒΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² письмС.

НапримСр, ReallyGoodEmails ΠΈ Adidas Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‚ свой Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ. Π­Ρ‚ΠΎΡ‚ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚Π»ΠΈΡ‡Π°Π΅Ρ‚ ΠΈΡ… ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ….

Как это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Stripo:

  1. Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ΅ Π²Π°ΠΌΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅/ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· нашСго Π±Π°Π½ΠΊΠ°;
  2. Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ всС ΠΎΠΏΡ†ΠΈΠΈ.

Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΊΠ°ΠΊ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π° Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ

Π—Π°Ρ‡Π΅ΠΌ Π²Π°ΠΌ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° Π² качСствС Ρ„ΠΎΠ½Π° для элСктронных писСм? ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Microsoft Outlook, ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния.

ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π±Π»ΠΈΠΆΠ΅ ΠΊ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ.

Π₯ΠΎΡ€ΠΎΡˆΠ΅ΠΉ Π½ΠΎΠ²ΠΎΡΡ‚ΡŒΡŽ являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° Π² качСствС Ρ„ΠΎΠ½Π° довольно просто.

Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ всю свою Π±ΠΎΠ³Π°Ρ‚ΡƒΡŽ Ρ„Π°Π½Ρ‚Π°Π·ΠΈΡŽ.
НапримСр, компания Outline всСгда Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ свои новости Π² сообщСниях Π½Π° Ρ†Π²Π΅Ρ‚Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π² качСствС Ρ†Π²Π΅Ρ‚ΠΎΠ² ΡˆΡ€ΠΈΡ„Ρ‚Π° примСняСтся контрастный, Π° Π½Π΅ Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ тСкста.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° ΠΊ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π±Π»ΠΎΠΊΠ°ΠΌ ΠΈΠ»ΠΈ ΠΊΠΎ всСму ΠΏΠΈΡΡŒΠΌΡƒ. Π­Ρ‚ΠΎ зависит ΠΎΡ‚ вас.

ΠšΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΡ Samsung Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ своих элСктронных писСм Π½Π° Ρ‡Π΅Ρ€Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅ ΠΈ примСняСт ΠΊΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΡƒΡŽ Π±Π΅Π»ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ CTA. Выглядит ΠΎΡ‡Π΅Π½ΡŒ ΡΡ‚ΠΈΠ»ΡŒΠ½ΠΎ.

Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для всСго письма

Когда ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΠΎΠ΄Π½ΠΎ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для всСго письма? Всякий Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ. Π’Π°ΠΊ ΠΊΠ°ΠΊ письма с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌΠΈ изобраТСниями выглядят Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹ΠΌΠΈ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ тСматичСскоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² качСствС Ρ„ΠΎΠ½Π°. Если Π²Ρ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚Π΅ ΠΎ Π΅Π΄Π΅, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², Ссли Π²Ρ‹ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ ΠΎ Ρ„ΡƒΡ‚Π±ΠΎΠ»Π΅, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π±Ρ‹ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π±ΠΎΠ»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΠ»Π΅ ΠΈΠ»ΠΈ Ρ„ΡƒΡ‚Π±ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ мяч?

Π§Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π°Π½Π½Π΅Ρ€Π° отличаСтся ΠΎΡ‚ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹? Π‘Π°Π½Π½Π΅Ρ€ β€” это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ваши ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ видят Π² качСствС основного изобраТСния вашСго элСктронного письма, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ с тСкстом ΠΏΠΎΠ²Π΅Ρ€Ρ… Π½Π΅Π³ΠΎ. И Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β€” это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ видят Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° дСсктопных устройствах. На Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств послСднСС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ.

Π’Π°ΠΊ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ видят Π²Π°ΡˆΡƒ ΡΠ»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½ΡƒΡŽ ΠΏΠΎΡ‡Ρ‚Ρƒ с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π½Π° Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах.

Благодаря Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ Π² элСктронных ΠΏΠΈΡΡŒΠΌΠ°Ρ… Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML ваши ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ красиво, структурировано ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹, Π½ΠΎ ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ²Π»ΠΈΡΡŽΡ‚ Π½Π° содСрТаниС Π²Π°ΡˆΠΈΡ… элСктронных писСм.

ΠŸΠΎΠ²Π΅Ρ€Ρ… Π½Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π±Π°Π½Π½Π΅Ρ€, сниппСты Π²Π°ΡˆΠΈΡ… Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ², ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Ρ€Π°ΠΌΠΊΠΈ, Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ Ρ‚. Π΄.

Как ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² шаблонС письма с Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ Stripo.email:

  1. Π² инструмСнтах панСль, Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Β«Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄Β»;
  2. Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«ΠžΠ±Ρ‰ΠΈΠ΅Β»;
  3. Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽ Β«Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β»;
  4. Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠ΅Π΅ΡΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅;
  5. Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Β«ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒΒ» ΠΈ Β«ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€ΡƒΒ» изобраТСния.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅:  Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

ΠŸΡ€Π°Π²ΠΈΠ»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ

ΠŸΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² рассылку ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒ простыС ΠΏΡ€Π°Π²ΠΈΠ»Π°:

  • Π’Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ Π²Π°ΠΌΠΈ изобраТСния Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈ тСматичСскими. ВсС Π΄Π΅Ρ‚Π°Π»ΠΈ Π² элСктронном письмС Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²Ρ‹Π·Ρ‹Π²Π°Ρ‚ΡŒ чувства Ρƒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ²;
  • ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ΡΡŒ Π·Π° ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΠΈΠ»ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Π°ΠΌ ΠΈΠ»ΠΈ создайтС свой собствСнный с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния для графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π°;
  • Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ всСго ΠΎΠ΄Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² качСствС Ρ„ΠΎΠ½Π° для всСго письма;
  • Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅, Π½ΠΎ контрастныС Ρ†Π²Π΅Ρ‚Π° для тСкстовых ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²;
  • Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ «АдаптивноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β». Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ вашим изобраТСниям ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ…, Ρ‚Π°ΠΊ ΠΈ Π½Π° дСсктопных устройствах.

НСкотороС врСмя Π½Π°Π·Π°Π΄, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² шаблонС элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ знаниями HTML-кодирования. Π’Π΅ΠΏΠ΅Ρ€ΡŒ, с конструктором Stripo.email, Π½Π°ΠΌ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π²Π½ΠΎΡΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ измСнСния Π² ΠΊΠΎΠ΄. Нам Π΄Π°ΠΆΠ΅ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ это Π²ΠΎΠΎΠ±Ρ‰Π΅ Π·Π½Π°Ρ‡ΠΈΡ‚?

БистСма упростила вСсь процСсс ΠΈ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΠ»Π° Π½Π°ΡˆΡƒ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

ΠšΡ€Π°Ρ‚ΠΊΠΎΠ΅ Ρ€Π΅Π·ΡŽΠΌΠ΅

  • HTML большС Π½Π΅ связан с ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, это касаСтся качСства Π²Π°ΡˆΠΈΡ… элСктронных писСм;
  • Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π² своих элСктронных ΠΏΠΈΡΡŒΠΌΠ°Ρ…, Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ высокого качСства;
  • Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ Π±Π΅ΡΡˆΠΎΠ²Π½ΡƒΡŽ структуру. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ Ρ‚Π°ΠΊΠΈΡ… Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅;
  • Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ Π² ΠΏΠΈΡΡŒΠΌΠ°Ρ…;
  • УстановитС Ρ†Π²Π΅Ρ‚Π° Ρ„ΠΎΠ½Π° Π² качСствС запасного Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Microsoft Outlook, ΠΈΠ»ΠΈ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π² этом сообщСнии Π±Π»ΠΎΠ³Π°;
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ свой шаблон ΠΏΠ΅Ρ€Π΅Π΄ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΎΠΉ.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ наши Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ HTML-ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹, примСняйтС Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π² новостных рассылках ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ ΠΈ Ρ€Π°Π΄ΡƒΠΉΡ‚Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² красивыми сообщСниями.

Π–Π΅Π»Π°ΡŽ Π’Π°ΠΌ всСго Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ ΠΈ ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹Ρ… рассылок!

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π² сообщСния элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ (шаги + ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹)

ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π½Π½ΠΎΠ΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ вашСго ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ ΠΈ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ Π΅ΠΌΡƒ соврСмСнный ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ΄ с ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ Vogue.

Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³ΠΈ ΠΈΠ·Π±Π΅Π³Π°ΡŽΡ‚ использования Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния Π² элСктронных ΠΏΠΈΡΡŒΠΌΠ°Ρ…, опасаясь, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ большС ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° страницу MySpace 2007 Π³ΠΎΠ΄Π°, Ρ‡Π΅ΠΌ Π½Π° страницу ΠΈΠ· ΠΆΡƒΡ€Π½Π°Π»Π°.

Π₯отя Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ слоТными, ΠΎΠ½ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‡Π΅Π½ΡŒ Π½Π΅Π΄ΠΎΠΎΡ†Π΅Π½Π΅Π½Ρ‹!

ΠŸΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΠΊ Π½Π°ΠΌ, ΠΈ ΠΌΡ‹ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½Ρ‹ для ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Π΅ΠΉ. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ простых, Π½ΠΎ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² элСктронных писСм, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΈ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Π€ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π² элСктронных ΠΏΠΈΡΡŒΠΌΠ°Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π² элСмСнтС Β«Ρ„ΠΎΠ½Β» Π² HTML-ΠΊΠΎΠ΄Π΅ элСктронного письма. Π”ΠΎΠ²ΠΎΠ»ΡŒΠ½ΠΎ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Π½Π΅ Ρ‚Π°ΠΊ Π»ΠΈ?

Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Ρ„ΠΎΠ½Ρ‹ элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ Ρ‚Π°ΠΊΠΈΠΌΠΈ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌΠΈ, Ρ‚Π°ΠΊ это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ вашСй элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ .

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ находится Π² Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, накладывая Π½ΠΎΠ²Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ свСрху (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, тСкст, Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Ρ‚. Π΄.).

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ элСктронного ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π°, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ MailerLite, ΠΌΠΎΠ³ΡƒΡ‚ автоматичСски Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния. ВсС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPG, PNG ΠΈΠ»ΠΈ GIF, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π±Π΅Π· нСобходимости кодирования!

(ΠŸΡΡβ€¦ для Ρ‚Π΅Ρ… ΠΈΠ· вас, ΠΊΡ‚ΠΎ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΌΡ‹ Π²ΠΊΡ€Π°Ρ‚Ρ†Π΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния ΠΏΠΎΠ·ΠΆΠ΅).

Π—Π°Ρ‡Π΅ΠΌ ΠΌΠ½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ новостной рассылки?

Часто элСктронныС письма состоят ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ большого изобраТСния. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°Ρ‚ΠΈΡ‡Π½ΠΎ. Если это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ загруТаСтся Π² ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΠΎΠΌ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅, ваша рассылка Π±ΡƒΠ΄Π΅Ρ‚ пустой. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ этого, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ вмСсто этого Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π€ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния способны ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΠΊΠΎΠ½Π²Π΅Ρ€ΡΠΈΡŽ, Π° Ρ‚Π°ΠΊΠΆΠ΅:

  • ΠŸΡ€ΠΈΠ΄Π°ΠΉΡ‚Π΅ своим письмам изысканный Π²ΠΈΠ΄

  • ΠŸΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚Π΅ письмо Π² красивый нСбольшой Π²Π΅Π±-сайт

  • Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ свой ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡŒ срСди ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ²

  • ΠŸΠΎΠ±ΡƒΠ΄ΠΈΡ‚Π΅ подписчиков ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ свой Ρ„ΠΎΠ½: ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠ»ΠΈ элСмСнт ΠΈΠ΄Π΅Ρ‚ Π½ΠΈΠΆΠ΅). ЭмпиричСскоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ дополняСт Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ всСго соотвСтствуСт ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° вашСго ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ.

Π’ MailerLite ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для всСго ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ тСкстовых Π±Π»ΠΎΠΊΠΎΠ².

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ Π½ΠΈΠΆΠ΅. Comcast (слСва) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ вСсь ΠΌΠ°ΠΊΠ΅Ρ‚ элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹, Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ Kanacia James (справа) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ тСкстовый Π±Π»ΠΎΠΊ с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ тСкстом ΠΏΠΎΠ²Π΅Ρ€Ρ… Π½Π΅Π³ΠΎ.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Comcast (слСва), Kanacia James (справа)

Π§Ρ‚ΠΎ Π±Ρ‹ Π²Ρ‹ Π½ΠΈ Π΄Π΅Π»Π°Π»ΠΈ, Π½Π΅ Π΄Π΅Π»Π°ΠΉΡ‚Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡŒ ΠΎΠ΄Π½ΠΈΠΌ большим Ρ„Π°ΠΉΠ»ΠΎΠΌ изобраТСния.

Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ тСкст Π½Π°Π»ΠΎΠΆΠ΅Π½ ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΡ…ΠΎΠΆΠΈΠΌ Π½Π° ΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ страницу ΠΊΠ½ΠΈΠ³ΠΈ. Π”Π°ΠΆΠ΅ Π±Π΅Π· прСдыстории люди ΠΏΠΎΠΉΠΌΡƒΡ‚, ΠΎ Ρ‡Π΅ΠΌ рассылка.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: План сбСрСТСний ΠžΡ€Π΅Π³ΠΎΠ½ΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ»Π»Π΅Π΄ΠΆΠ°

Π’Ρ€ΡƒΠ΄Π½ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΉ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ваши изобраТСния. Если ΠΎΠ½ΠΈ этого Π½Π΅ ΡΠ΄Π΅Π»Π°ΡŽΡ‚, вся элСктронная ΠΏΠΎΡ‡Ρ‚Π° Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ, ΠΈ вашС сообщСниС исчСзнСт. Если это просто Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π½Π΅ загруТаСтся, Π»ΡŽΠ±Ρ‹Π΅ тСкстовыС элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Π½Π°Π»ΠΎΠΆΠΈΠ»ΠΈ свСрху, всС Ρ€Π°Π²Π½ΠΎ Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΈΠ΄Π½Ρ‹.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, большиС элСктронныС письма с большим количСством ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с большСй Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ ΠΊΠ°ΠΊ спам ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ Π²Π°ΡˆΠΈΡ… подписчиков. Π’Π°ΠΊΠΈΠ΅ инструмСнты, ΠΊΠ°ΠΊ MailerCheck, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π΄ΠΎΡΡ‚Π°Π²Π»ΡΠ΅ΠΌΠΎΡΡ‚ΡŒ элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ ΠΈ ΠΏΡ€Π΅Π΄ΡΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π² ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΠΎΠΌ ящикС ΠΏΠ΅Ρ€Π΅Π΄ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΎΠΉ.

РСкомСндация ΡΡ‚Π°Ρ‚ΡŒΠΈ

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ использованию ΠΏΡƒΠ»Π΅Π½Π΅ΠΏΡ€ΠΎΠ±ΠΈΠ²Π°Π΅ΠΌΡ‹Ρ… Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

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

1. Π—Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Ρ„ΠΎΠ½

Как ΠΈ Π² случаС с изобраТСниями Π² Ρ†Π΅Π»ΠΎΠΌ, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ Π΄Π΅Π»Π°ΡŽΡ‚ тСхничСски Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌ ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (ΠΈΠ·-Π·Π° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ со свойствами CSS). Когда ΠΌΡ‹ запустили Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ Litmus, ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄Π΅Π»ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹:

. ΠΠ°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹

  • Outlook 2016, 2019 ΠΈ Outlook Office 365 (всС Win 10) Π½Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΎΠ±Ρ‰Π΅Π΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Ρ„ΠΎΠ½ Π² Π±Π»ΠΎΠΊΠ°Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

  • ΠŸΠΎΡ‡Ρ‚Π° Windows 10 Π½Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Ρ„ΠΎΠ½ Π² Π±Π»ΠΎΠΊΠ°Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

  • ВсС Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ изобраТСния ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ (Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Apple Mail ΠΈ Outlook для Mac)

ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹

Π’Π΅Π±-ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹

  • Волько Freenet. de ΠΈ T-online.de Π½Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΎΠ±Ρ‰Π΅Π΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Ρ„ΠΎΠ½ Π² Π±Π»ΠΎΠΊΠ°Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Если Π²Ρ‹ Π½Π΅ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ΡΡŒ Π½Π° Π½Π΅ΠΌΠ΅Ρ†ΠΊΠΈΠΉ Ρ€Ρ‹Π½ΠΎΠΊ, Π²Π°ΠΌ Π½Π΅ ΠΎ Ρ‡Π΅ΠΌ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ.

Π’Π΅Ρ€Π΄ΠΈΠΊΡ‚: ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹ ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠΌΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ваши подписчики. Π•ΡΡ‚ΡŒ лишь нСсколько ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ изобраТСния, Ρƒ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ.

2. Π Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния

ΠŸΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния Π²Π°ΠΆΠ½ΠΎ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°. Π§Π΅ΠΌ большС вашС элСктронноС письмо, Ρ‚Π΅ΠΌ большС Π΄Π°Π½Π½Ρ‹Ρ… ΠΎΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ ΠΎΡ‚ читатСля ΠΈ Ρ‚Π΅ΠΌ Π²Ρ‹ΡˆΠ΅ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ вашС элСктронноС письмо Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ.

ΠœΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ„Π°ΠΉΠ»Π° 1 ΠœΠ‘.

Π§Ρ‚ΠΎ касаСтся ΡˆΠΈΡ€ΠΈΠ½Ρ‹, ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ 640 пиксСлСй для элСмСнтов ΠΈ 1200 пиксСлСй для ΠΏΠΎΠ»Π½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹.

Π’Π°ΠΊ ΠΊΠ°ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ экранов сильно Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ, Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° всСх экранах, поэтому Π»ΡƒΡ‡ΡˆΠ΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…ΠΎΡ€ΠΎΡˆΠΎ выглядит ΠΈ Π² ΠΌΠΎΠ·Π°ΠΈΡ‡Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ встроСнный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² MailerLite.

3. ΠŸΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΡŒΡ‚Π΅ Ρ€Π΅Π·Π΅Ρ€Π²Π½ΡƒΡŽ копию (тСкст ALT ΠΈ Ρ†Π²Π΅Ρ‚)

ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ тСкст ALT Π² качСствС Ρ€Π΅Π·Π΅Ρ€Π²Π½ΠΎΠΉ ΠΊΠΎΠΏΠΈΠΈ Π½Π° случай, Ссли Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ вашСго элСктронного письма Π½Π΅ отобраТаСтся Π² ΠΏΠ°ΠΏΠΊΠ΅ «ВходящиС». Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π»ΡŽΠ±Ρ‹ΠΌ, подходящим для вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π° (Ссли ΡΠΎΠΌΠ½Π΅Π²Π°Π΅Ρ‚Π΅ΡΡŒ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΉΡ‚Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ свСтло-сСрый).

Π‘ΠΎΠ²Π΅Ρ‚: Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° Π² ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²Ρ‹Ρ… элСктронных ΠΏΠΈΡΡŒΠΌΠ°Ρ… .

ВСкст ALT прСдставляСт собой ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Β«Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ±Π»Π°ΠΊΠΎΠ²Β». Он отобраТаСтся вмСсто изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π½Π΅ Π±Ρ‹Π»ΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ ΠΈΠ»ΠΈ Π½Π΅ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Π½ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΌ обСспСчСниСм для Π΄ΠΈΠΊΡ‚ΠΎΠ²ΠΊΠΈ, ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ людям ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΎ Ρ‡Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Π΅Π³ΠΎ Π½Π΅ видят.

4. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ тСкст ΠΈ ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ

Π’Π°Ρˆ тСкст ΠΈ ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Π° Π½Π΅ Ρ„ΠΎΠ½. Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ Π·Π°Π³Π»ΡƒΡˆΠ°Ρ‚ΡŒ вашС сообщСниС шаблоном занятости.

Π’ MailerLite Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΊ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π±Π»ΠΎΠΊΠ°ΠΌ содСрТимого (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊ тСкстовым Π±Π»ΠΎΠΊΠ°ΠΌ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваТная информация Π²Ρ‹Π΄Π΅Π»ΡΠ»Π°ΡΡŒ Π½Π° Ρ„ΠΎΠ½Π΅ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ сдСланных Ρ„ΠΎΠ½ΠΎΠ² для ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Π΅ΠΉ

ΠšΠ»ΡŽΡ‡ ΠΊ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ изобраТСниям Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты содСрТимого элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ ΠΈ Π΄Π΅Π»Π°Π»ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡŒ Π΅Ρ‰Π΅ Π»ΡƒΡ‡ΡˆΠ΅.

На ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ это часто ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ваш Ρ„ΠΎΠ½ простой, Π½ΠΎ с изюминкой, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ ΡƒΠ·ΠΎΡ€, Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ ΠΈΠ»ΠΈ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ GIF. Если, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ΄Ρ‚ΠΈ Π²Π°-Π±Π°Π½ΠΊ!

НиТС ΠΌΡ‹ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ Π²Π°ΠΌ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ способы использования Ρ„ΠΎΠ½Π° элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ Π²Π°ΡˆΠ΅ΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ΄.

Π’Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ наши Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹?

Look 1: Transformative

Π­Ρ‚ΠΎ ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ΅Π½ΠΈΠ΅ Π½Π° Π²Π΅Π±ΠΈΠ½Π°Ρ€ ΠΎΡ‚ Mintel прСкрасно ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ внСшний Π²ΠΈΠ΄ вашСго ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅ сСбС Ρ‚Π°ΠΊΠΎΠ΅ ΠΆΠ΅ ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· Ρ„ΠΎΠ½Π°. Как-Ρ‚ΠΎ скучно, Π΄Π°?

ΠžΡ‚: ΠœΠΈΠ½Ρ‚Π΅Π»

Π’Π΅ΠΌΠ°: [Π’Π•Π‘Π˜ΠΠΠ ] ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ для сСбя Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π² области красоты ΠΈ Π»ΠΈΡ‡Π½ΠΎΠΉ Π³ΠΈΠ³ΠΈΠ΅Π½Ρ‹ 2030 Π³ΠΎΠ΄Π°

ΠšΡ€Π΅Π΄ΠΈΡ‚ изобраТСния: ΠœΠΈΠ½Ρ‚Π΅Π»

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ β€” Ρ„ΠΎΡ‚ΠΎΠΊΠΎΠ»Π»Π΅ΠΊΡ‚ΠΈΠ² ΠΈ торговая ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠ° Moment. Они Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Ρ„ΠΎΠ½ ΠΊ тСкстовому Π±Π»ΠΎΠΊΡƒ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π² MailerLite с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±Π»ΠΎΠΊΠ° ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ: Β«Π‘Ρ‚Π°Ρ‚ΡŒΡ с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Ρ„ΠΎΠ½Π°Β».

ΠŸΡ€ΠΈ использовании изобраТСния Π² качСствС Ρ„ΠΎΠ½Π° ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ сдСлайтС ΡˆΡ€ΠΈΡ„Ρ‚ контрастным ΠΈ достаточно ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ тСкст Π»Π΅Π³ΠΊΠΎ читался. ΠœΠΎΠΌΠ΅Π½Ρ‚ сократил количСство слов ΠΈ сдСлал ΡˆΡ€ΠΈΡ„Ρ‚ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ.

ΠžΡ‚: ΠœΠΎΠΌΠ΅Π½Ρ‚

Π’Π΅ΠΌΠ°: Π‘ΠΎΠ²Π΅Ρ‚Ρ‹ ΠΏΠΎ Ρ„ΠΎΡ‚ΠΎΡΡŠΠ΅ΠΌΠΊΠ΅ ΠΌΠΈΡ€Π½Ρ‹Ρ… протСстов

ΠšΡ€Π΅Π΄ΠΈΡ‚ изобраТСния: ΠœΠΎΠΌΠ΅Π½Ρ‚

ΠžΠ±Ρ€Π°Π· 2: Π‘Π΅Π·ΠΎΠ½Π½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ

ΠšΠ»ΠΈΠ΅Π½Ρ‚ MailerLite Π›ΠΈΠ·Π° ΠŸΡ€Π΅ΡΠΊΠΎΡ‚Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ свои ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΠΈ Π² зависимости ΠΎΡ‚ сСзона. Для этого ΠΎΠ½Π° использовала запасной сСрый Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ»Π° Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρƒ с соснами. ΠŸΠ°ΡΡ‚Π΅Π»ΡŒΠ½ΠΎ-Ρ€ΠΎΠ·ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ Ρ‚Π΅ΠΏΠ»ΠΎ ΠΈ идСально сочСтаСтся с Π΅Π΅ Π±Ρ€Π΅Π½Π΄ΠΎΠΌ.

ΠžΡ‚: Π›ΠΈΠ·Π° ΠŸΡ€Π΅ΡΠΊΠΎΡ‚Ρ‚

Π’Π΅ΠΌΠ°: Π“ΠΎΡ‚ΠΎΠ²Ρ‹ Π»ΠΈ Π²Ρ‹ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ SLAMMIN Π½Π° Π²Π°ΡˆΠΈΡ… ΠŸΠ ΠΠ—Π”ΠΠ˜Π§ΠΠ«Π₯ Π‘ΠžΠ‘Π«Π’Π˜Π―Π₯?

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Π›ΠΈΠ·Π° ΠŸΡ€Π΅ΡΠΊΠΎΡ‚Ρ‚ (Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π² MailerLite)

Π’ΠΎ ΠΆΠ΅ самоС ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π² этом ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΌ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Π΅ ΠΎΡ‚ Clean Creations. Π­Ρ‚ΠΎΡ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡŒ, посвящСнный Π”Π½ΡŽ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈ, ΠΈΠ·Π»ΡƒΡ‡Π°Π΅Ρ‚ вСсСннСС настроСниС благодаря Ρ†Π²Π΅Ρ‚ΠΎΡ‡Π½Ρ‹ΠΌ изобраТСниям, Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΌ Π² качСствС Ρ„ΠΎΠ½Π° для Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ.

ΠžΡ‚: ЧистыС творСния

Π’Π΅ΠΌΠ°: НуТны ΠΈΠ΄Π΅ΠΈ ΠΏΠΎΠ΄Π°Ρ€ΠΊΠΎΠ² Π½Π° Π”Π΅Π½ΡŒ ΠœΠ°Ρ‚Π΅Ρ€ΠΈ?!

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Clean Creations (Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π² MailerLite)

Look 3: Audacious

Jetsetter Vintage Π΄Π΅Π»Π°Π΅Ρ‚ большоС ΠΈ смСлоС заявлСниС Π² этом ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΌ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Π΅. Π₯удоТСствСнный Ρ„ΠΎΠ½ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° GIF ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΡΠΎΡ‡Π΅Ρ‚Π°ΡŽΡ‚ΡΡ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ΄Π½Ρƒ ΠΈ Ρ‚Ρƒ ΠΆΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ.

ΠžΡ‚: Jetsetter Vintage

Π’Π΅ΠΌΠ°: ВинтаТная Π³Ρ€Π°Ρ„ΠΈΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π²ΠΈΠ΄Π΅Π»ΠΈ

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Jetsetter Vintage (Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π² MailerLite)

ΠžΠ±Ρ€Π°Π· 4: Π­Π»Π΅Π³Π°Π½Ρ‚Π½Ρ‹ΠΉ

Π₯удоТСствСнный ΠΌΠ°Π³Π°Π·ΠΈΠ½ ΠΈ студия Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ 83 апСльсина Π²Ρ‹Π±Ρ€Π°Π»ΠΈ ΡƒΠ·ΠΎΡ€ ΠΏΠ»ΠΈΡ‚ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠΈΠΌ Π½Π° страницу ΠΈΠ· ΠΆΡƒΡ€Π½Π°Π»Π° ΠΏΠΎ Π΄Π΅ΠΊΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ. Π€ΠΎΠ½ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡŒ Π±ΠΎΠ»Π΅Π΅ элСгантным ΠΈ интСрСсным.

ΠžΡ‚: 83 апСльсина

Π’Π΅ΠΌΠ°: УспСвайтС Π΄Π°Ρ€ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Π°Ρ€ΠΊΠΈ 🌲 + Новинки ΠΎΡ‚ нашСй студии Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π°ΠΉΠ΄Π΅Π½Ρ‚ΠΈΠΊΠΈ

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: 83 апСльсина (создано Π² MailerLite)

Π’Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΠΈ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹ΡˆΠ΅? НашС ΠΈΡΡ‡Π΅Ρ€ΠΏΡ‹Π²Π°ΡŽΡ‰Π΅Π΅ руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Π΅ΠΉ Π½Π°ΡƒΡ‡ΠΈΡ‚ вас Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΌ Π½Π°Π²Ρ‹ΠΊΠ°ΠΌ.

Как ΠΎΡ„ΠΎΡ€ΠΌΠ»ΡΡ‚ΡŒ элСктронныС письма, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ люди

ΠžΠ±Ρ€Π°Π· 5: Π¦Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ

Автор Ρ€ΠΎΠΌΠ°Π½ΠΎΠ² этого ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ Π›Π°Ρ€ΠΊ Π­ΠΉΠ²Π΅Ρ€ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ вашСго ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ. 3 Ρ€Π°Π·Π½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚Π° Π΄Π΅Π»Π°ΡŽΡ‚ простой тСкстовый ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡŒ Π±ΠΎΠ»Π΅Π΅ интСрСсным с эстСтичСской Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния.

ΠžΡ‚: Π›Π°Ρ€ΠΊ Π­ΠΉΠ²Π΅Ρ€ΠΈ

Π’Π΅ΠΌΠ°: Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΊ ΠΏΡ€ΠΎΡ‡Ρ‚Π΅Π½ΠΈΡŽ! Π–Π°Π²ΠΎΡ€ΠΎΠ½ΠΊΠΈ ΠΈ конкурс

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Lark Avery (Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π² MailerLite)

Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ 6: АнимированныС GIF-Ρ„Π°ΠΉΠ»Ρ‹

Если ваш Π΄ΠΈΠ·Π°ΠΉΠ½ Π² основном Π±Π΅Π»Ρ‹ΠΉ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π½Π΅ΠΉΡ‚Ρ€Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°, Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ GIF-Ρ„Π°ΠΉΠ» Π² вашСм элСктронном письмС ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ волнСния.

Наш ΠΊΠ»ΠΈΠ΅Π½Ρ‚ See Mom Click использовал Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ GIF-Ρ„Π°ΠΉΠ» с Ρ„Π΅ΠΉΠ΅Ρ€Π²Π΅Ρ€ΠΊΠΎΠΌ Π² качСствС Ρ„ΠΎΠ½Π° элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ„Π΅ΠΉΠ΅Ρ€Π²Π΅Ρ€ΠΊΠΈ приходят ΠΈ уходят, Π½Π΅ΠΉΡ‚Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ каТСтся Π±ΠΎΠ»Π΅Π΅ ΠΆΠΈΠ²Ρ‹ΠΌ.

ΠžΡ‚: Π‘ΠΌ. Мама НаТмитС

Π’Π΅ΠΌΠ°: 11 ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π§Π΅Ρ€Π½ΠΎΠΉ пятницы, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΏΡ€Π°Π·Π΄Π½ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ πŸ›οΈ

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: See Mom Click (Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π² MailerLite)

Look 7: Gradient

Один взгляд, ΠΈ Π²Ρ‹ ΡƒΠΆΠ΅ Π·Π½Π°Π΅Ρ‚Π΅, ΠΎ ΠΊΠ°ΠΊΠΎΠΌ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ ΠΊΠ°Π½Π°Π»Π΅ ΠΈΠ΄Π΅Ρ‚ Ρ€Π΅Ρ‡ΡŒ Π² этой рассылкС.

Π’Ρ‹ ΠΏΡ€Π°Π², Instagram! ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ MailerLite, Zteep Tea, использовал Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ с Ρ‚ΠΎΠΉ ΠΆΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ схСмой. Π¦Π²Π΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ постСпСнно ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ, ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ читатСля ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ Π²Π½ΠΈΠ·.

ΠžΡ‚: Zteep

Π’Π΅ΠΌΠ°: IG LIVE Tonight: ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ Ρ‡Π°ΠΉ Π»Π°Ρ‚Ρ‚Π΅

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Zteep Tea (Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π² MailerLite)

Π”Ρ€ΡƒΠ³ΠΎΠΉ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ MailerLite, DGTIL Communications, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ мягкий Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ для Ρ„ΠΎΠ½Π° своСго ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ. Π’Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ ΠΈΠΌΠΈ Ρ†Π²Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΎ сочСтаСтся с ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ содСрТимым ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ, связывая всС Π²ΠΎΠ΅Π΄ΠΈΠ½ΠΎ ΠΈ придавая Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄.

ΠžΡ‚: DGTIL Communications

ВСма: Бнимок DGITL: июнь 2020 г.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: DGTIL Communications (Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π² MailerLite)

Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ 8: ВСкстура

Π­Ρ‚ΠΎ элСктронноС письмо ΠΎΡ‚ Π°Π²Ρ‚ΠΎΡ€Π° Helena Hunting ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π΅ΠΏΠ»Ρ‹Π΅ Π»Π΅Ρ‚Π½ΠΈΠ΅ ощущСния благодаря Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΌΡƒ Сю Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ. Π‘Π²Π΅Ρ‚Π»Ρ‹Π΅ ΠΏΠΎΠ»ΠΎΠ²ΠΈΡ†Ρ‹ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ атмосфСру ΡƒΡŽΡ‚Π½ΠΎΠ³ΠΎ пляТного Π΄ΠΎΠΌΠΈΠΊΠ°. ИдСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»Π΅Ρ‚Π½Π΅Π³ΠΎ Ρ€ΠΎΠΌΠ°Π½Π°.

ΠžΡ‚: Π₯Π΅Π»Π΅Π½Π° Π₯Π°Π½Ρ‚ΠΈΠ½Π³

Π’Π΅ΠΌΠ°: Π“ΠΎΡ‚ΠΎΠ²Ρ‹ ΠΊ Π»Π΅Ρ‚Π½Π΅ΠΉ ΠΈΠ½Ρ‚Ρ€ΠΈΠΆΠΊΠ΅? Π‘ΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½ΠΎΠ²Ρ‹Π΅ Π‘Π•Π‘ΠŸΠ›ΠΠ’ΠΠ«Π• Π»Π΅Ρ‚Π½ΠΈΠ΅ истории!

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Π₯Π΅Π»Π΅Π½Π° Π₯Π°Π½Ρ‚ΠΈΠ½Π³ (Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π² MailerLite)

Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ 9: Космос

Если Π² вашСм ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΌ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Π΅ Ρ€Π΅ΠΊΠ»Π°ΠΌΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΊΠ½ΠΈΠ³ΠΈ ΠΎΠ± инопланСтянах, Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ„ΠΎΠ½Π° Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ космичСским.

Автор Рэвин Π£Π°ΠΉΠ»Π΄ пСрСносит своих Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΉ Π² Π΄Ρ€ΡƒΠ³ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅. Π’ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ элСктронным письмом, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ стало Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ.

ΠžΡ‚: Рэвин Π£Π°ΠΉΠ»Π΄

Π’Π΅ΠΌΠ°: Π‘Π•Π‘ΠŸΠ›ΠΠ’ΠΠΠ― ΠΊΠ½ΠΈΠ³Π° Π·Π° этот мСсяц! πŸ‘½ πŸ“š

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Рэвин Π£Π°ΠΉΠ»Π΄ (Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π² MailerLite)

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² рассылку ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ Π² MailerLite

Π‘Π°ΠΌΡ‹ΠΉ простой способ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ ΠΊ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ пСрСтаскивания . ВСхничСски ΠΏΠΎΠ΄ΠΊΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Π΅ΡΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ HTML для создания Ρ„ΠΎΠ½Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ.

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½Π° элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° пСрСтаскивания

На Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Настройки шаблона ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π€ΠΎΠ½ ΠΊΡ€ΡƒΠΆΠΎΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π€ΠΎΠ½ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ .

Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π΅Π·Π΅Ρ€Π²Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚.

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½Π° для элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML

Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ шаблона элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML, Π²Ρ‹ нСсСтС ΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π·Π° ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ способами, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Ρ„ΠΎΠ½Π° Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, встроСнныС стили CSS ΠΈΠ»ΠΈ встроСнный CSS.

Если Π²Ρ‹ ΡΠ²Π»ΡΠ΅Ρ‚Π΅ΡΡŒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠΌ MailerLite, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ элСктронныС письма Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML , загруТая zip-Ρ„Π°ΠΉΠ», импортируя Ρ‡Π΅Ρ€Π΅Π· URL-адрСс ΠΈΠ»ΠΈ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ вставляя ΠΊΠΎΠ΄. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ автоматичСского встроСнного Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° CSS Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΊΠΎΠ΄. Π€ΠΎΠ½ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ ΠΈ мобильном устройствС.

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² MailerLite ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ наш Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ пСрСтаскивания для добавлСния Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΌΡ‹ Π½Π΅ Π±ΡƒΠ΄Π΅ΠΌ Π²Π΄Π°Π²Π°Ρ‚ΡŒΡΡ Π² подробности самой HTML-части. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, это HTML-руководство ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ для Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±ΡƒΠ΄Π΅Ρ‚, Ссли Π²Π°ΠΌ интСрСсно.

БСсплатныС рСсурсы ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Ρ„ΠΎΠ½Π° элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹

Если Π²Ρ‹ Π½Π΅ графичСский Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, Ρƒ вас ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для новостной рассылки ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅, Π° использованиС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π½Π°ΠΉΠ΄Π΅Π½Π½Ρ‹Ρ… Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ вас Π² Ρ‚ΡƒΠΏΠΈΠΊ, Ссли Π²Ρ‹ этого Π½Π΅ сдСлаСтС. t ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ.

К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, сущСствуСт мноТСство бСсплатных Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… рСсурсов элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ с ΠΈΡ… собствСнными лицСнзиями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… изобраТСния ΠΊΠ°ΠΊ Π² Π»ΠΈΡ‡Π½Ρ‹Ρ…, Ρ‚Π°ΠΊ ΠΈ Π² коммСрчСских цСлях, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ΄Π²Π΅Π΄Π΅ΠΌ ΠΈΡ‚ΠΎΠ³ΠΈ!

Π¨Π°Π±Π»ΠΎΠ½Ρ‹ элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Π°ΡˆΡƒ ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²ΡƒΡŽ кампанию ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ, ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΈ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ Π΅ΠΉ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²ΠΈΠ΄.

Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΠ½ элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ дополняСт, Π° Π½Π΅ замСняСт Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ. ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π΅Ρ‚ содСрТимоС элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ ΠΈ ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ, Π° Π½Π΅ ΠΎΡ‚Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ ΠΈΡ… Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅.

Когда Π²Ρ‹ добавляСтС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, спроситС сСбя:

  • ДополняСт Π»ΠΈ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠ΅Π³ΠΎ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ?

  • Π‘ΡƒΠ΄Π΅Ρ‚ Π»ΠΈ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒΡΡ тСкст ΠΈ ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ?

  • Π‘ΡƒΠ΄ΡƒΡ‚ Π»ΠΈ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ подписчиков ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния?

  • ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ Π»ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠ±Ρ€Π°Π·Π° Ρ„Π°ΠΉΠ»Π°?

  • ΠžΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π»ΠΈ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅?

  • Π― Π΄ΠΎΠ±Π°Π²ΠΈΠ» тСкст ALT Π² качСствС Ρ€Π΅Π·Π΅Ρ€Π²Π½ΠΎΠΉ ΠΊΠΎΠΏΠΈΠΈ?

  • Π¨Ρ€ΠΈΡ„Ρ‚ ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΉ ΠΈ контрастируСт с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ?

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅ ΠΎΠ± этих вопросах, ΠΊΠΎΠ³Π΄Π° Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² свою ΡΠ»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½ΡƒΡŽ ΠΏΠΎΡ‡Ρ‚Ρƒ, ΠΈ Π²Ρ‹ создадитС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΡΠΏΠ»Ρ‹Π²Π°Ρ‚ΡŒ!

ΠŸΡ€ΠΎΠ±ΠΎΠ²Π°Π»ΠΈ Π»ΠΈ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ? Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ URL-адрСс ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра Π² ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ, Π½Π°ΠΌ Π»ΡŽΠ±ΠΎΠΏΡ‹Ρ‚Π½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ.
ΠžΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

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

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