Як зменшити зображення на екрані комп'ютера

wikiHow працює за принципом вікі, а це означає, що багато наших статей написано кількома авторами. При створенні цієї статті над її редагуванням та покращенням працювали автори-волонтери.

Кількість переглядів цієї статті: 452 599.

Збільшити та зменшити зображення на ПК дуже легко – достатньо натиснути пару кнопок. Іноді користувачам буває необхідно, як вони можуть висловитися, "зменшити весь екран" - у таких випадках необхідно змінити роздільну здатність екрана.

За допомогою клавіатури

Виберіть сторінку, яку потрібно зменшити, натиснувши на неї. Цей метод підходить для більшості користувачів. Це найшвидший і найпростіший спосіб – особливо це стосується всіх, хто користується ноутбуком без миші.

Натисніть клавішу - у верхній частині клавіатури (вона знаходиться між нулем та знаком рівності). Також можна натиснути клавішу Ctrl і, утримуючи її, прокрутити коліщатко миші вгору.

За допомогою миші або сенсорної панелі (трекпада)

Виберіть сторінку, яку потрібно зменшити, натиснувши на неї. Цей спосіб може бути більш складним для власників ноутбуків з трекпадами. Незважаючи на це, багато користувачів віддають перевагу саме цьому способу зменшення зображення.

У браузері Google Chrome

Знайдіть піктограму меню. [1] X Джерело інформації На ньому зображені три горизонтальні лінії, і він знаходиться за замовчуванням у верхньому правому куті вікна браузера. Якщо ви нікуди не переміщали його, він повинен бути після адресного рядка.

Знайдіть пункт "Масштаб". Він знаходиться приблизно в середині меню. Ви побачите кнопки - і +, а також поточний відсоток масштабування.

У браузері Mozilla Firefox

Натисніть кнопку меню. [2] X Джерело інформації На ній зображено три горизонтальні лінії, і за замовчуванням кнопка знаходиться у правому верхньому кутку. Якщо ви нічого не переміщали, то кнопка має бути розташована поряд з адресним рядком.

Знайдіть функцію масштабування. Прямо під копіюванням ви побачите відсотки, які означають поточне масштабування, а поруч кнопки - та + .

У браузері Microsoft Edge

Знайдіть піктограму меню. За промовчанням на значку намальовано три точки, і він знаходиться у верхньому правому кутку екрана. Якщо ви нічого не переміщали, то він має бути поруч із адресним рядком.

Знайдіть функцію масштабування. Ви побачите пункт "Масштабування", праворуч від якого розташовані кнопки + та - .

Зміна роздільної здатності екрану

Відкрийте меню "Пуск". [3] X Джерело інформації Натисніть кнопку ⊞ Win у лівій нижній частині клавіатури. Цей спосіб дозволяє "зменшити" зображення всього екрана. Іншими словами, всі вікна, меню та значки будуть меншими, і робоча поверхня буде мати великі масштаби. Вам навіть може здатися, що значків на робочому столі поменшало.

Виберіть Система > Екран > Додаткові параметри екрана. Пункт "Розширені налаштування екрана" знаходиться в нижній частині меню "Екран".

Змініть роздільну здатність екрана. Це також можна зробити, якщо натиснути на стрілку списку, що розкривається під пунктом "Дозвол". Чим більше цифри, тим більш "зменшеним" буде зображення на екрані. Після того, як ви зміните роздільну здатність екрана, потрібно буде підтвердити ці зміни.

Оформлення сторінки «ВКонтакте»: найдокладніший гайд у рунеті

Якщо група або сторінка оформлена незручно для користувача, ви втрачаєте потенційних клієнтів. Не треба так!

Актуальні розміри зображень «ВКонтакті»

Аватар

Розмір мініатюри аватара – 200×200 пікселів. Мінімальний розмір цілого аватара – 400×400 пікселів. Якщо ви намагаєтеся завантажити зображення менше 400 пікселів завширшки або завдовжки, ви побачите таку помилку: Можна завантажувати зображення і більшого розміру. Головне, щоб співвідношення їхніх сторін не перевищувало 2:5.

Обкладинка

Розмір головної обкладинки спільноти – 1590 на 530 пікселів. Співвідношення сторін класичної обкладинки однакове на всіх платформах – у повній версії сайту та на мобільних пристроях. Є ще «живі обкладинки». Вони відображаються лише у мобільних додатках. Можна завантажити до 5 фотографій або коротких відеозаписів. Такі обкладинки більші за звичайні шапки в кілька разів, а при кліку вони розкриваються практично на весь екран. Можна відтворювати відео зі звуком. Ось приклад від спільноти російського бренду Befree:

• Згорнута - Частина, яку користувач бачить, коли заходить до спільноти.
• Розгорнута - Частина, яка розкриється на весь екран після кліка по згорнутій обкладинці.

Зображення до постів

Зображення, прикріплені до посту, більше не розтягуються, а залишаються такими, якими вони є. Тому, якщо ви хочете, щоб ваше зображення повністю зайняло відведене йому місце у стрічці новин, його ширина повинна бути не менше 510 пікселів. Найкраще, щоб це був квадрат чи прямокутник у альбомній орієнтації.

Звучить трохи заплутано, тому покажемо на прикладі.

Допустимо, у нас є зображення квадратної форми зі сторонами 510 пікселів. Якщо ми прикріпимо його до нашого запису, воно буде дуже добре виглядати у стрічці новин на всіх пристроях:

А ось так виглядає горизонтальне зображення в альбомній орієнтації (ширина 510 пікселів):

Як бачите, що вже зображення (по висоті), то дрібніше воно виглядає у стрічці смартфонів. Щоб переконатися в цьому, подивіться на малюнок нижче:

Зрозуміло, що різниця тут не особливо критична, і користувачі смартфонів все одно розглянуть ваше зображення просто в другому випадку їм буде трохи комфортніше.

Декілька зображень у пості можуть бути у двох форматах — у вигляді сітки та каруселі.

Карусель дозволяє гортати картинки, сітка показує відразу все. Вимоги до зображень обох форматів однакові.

У частини користувачів карусель не працює — картинки просто зникають із поста. Саме тому ми користуємось сіткою.

Зображення до постів із посиланням — це зображення, які автоматично «підтягуються» до посту, коли ви вставляєте посилання (сніппети). Ось як це виглядає:

Втім, можна завантажити своє зображення. Редактор дозволяє побачити, як це виглядатиме:

Мінімальний розмір зображення, яке ви можете використовувати як анонс до вашої статті, - 537 на 240 пікселів:

Однак ви можете завантажувати і більші зображення, якщо буде дотримано пропорція.

Співвідношення сторін прямокутних зображень краще завжди дотримуватись 3:2.

Зображення у статтях

Розмір зображення для обкладинки статті, створеної в редакторі, – 510 на 286 пікселів.

Краще, якщо вона буде темного кольору і більш-менш однотонна, тому що на світлому фоні втрачається назва статті та спільноти. Нижче покажемо та розповімо, як затемнювати та обробляти картинки для статей.

Не дуже добрий приклад:

Історії

Оптимальні розміри для історій – 1080 на 1920 пікселів (мінімальні – 720 на 1280 пікселів).

Технічні характеристики для відеозаписів:

• до 15 секунд;
• не більше 10 МБ;
• відеокодек h.264;
• аудіокодек AAC.

В історії необхідно використовувати фото та відео вертикального формату.

попередній перегляд відео

1280 на 720 пікселів:

Максимальна вага файлу з відео – 5 ГБ.

Інші картинки

У мобільній версії нижня частина обкладинки відображатиметься менше на 200 пікселів.

• Зображення для товарів та послуг – 1000 на 1000 пікселів.
• Обкладинка блоку з вітриною товарів – 1000 на 1000 пікселів.
• Картинки для меню – 376 на 256 пікселів.

Детальніше формати зображень можна прочитати у нашому гайді.

А нижче корисне відео для тих, хто просувається до ВК. Якщо ви ведете блог та анонсуєте нові статті у соцмережах, обов'язково подивіться. У ньому 12 прийомів, які допоможуть вам робити такі анонси, повз які ніхто не пройде повз.

Як зробити так, щоб якість картинки не псувалося

Якщо ви коли-небудь пробували завантажувати зображення "ВКонтакте" (неважливо, чи це була картинка на аватар або просто фотографія з вашої подорожі), то напевно вже знаєте про те, що вони мають властивість утискатися. Особливо це помітно на темному (і особливо, на червоному) фоні і коли картинка має невеликий розмір. Приклад:

Щоб зображення не стискалося (точніше, стискалося, але значно меншою мірою), необхідно робити його в 2-3 рази більше потрібного розміру. Наприклад, якщо потрібно зробити меню розміром 510 на 400 пікселів, то беремо 1020 на 800.

Зображення на темно-синьому фоні, яке я привела трохи вище, має розмір 510 на 350. Я зробила його вдвічі більше (1020 на 700) і зберегла. Ось що з цього вийшло:

Як це виправити? Відповідь дуже проста - потрібно вибрати інший фон. Справа в тому, що на темному тлі пікселі видно краще, ніж на світлому.Тому, якщо ви хочете досягти ідеальної якості (хоча картинка вище вже виглядає цілком нормально), то потрібно трохи змінити колірну гаму. Наприклад, фон зробити білим, а текст синім:

Як оформити шапку сторінки

Шапка публічної сторінки або групи – це перше, що бачать користувачі, які заходять до вас у гості.

Найчастіше тут розміщують навігаційне меню за матеріалами групи, якісь цікаві пости чи важливі оголошення. Давайте розглянемо на прикладах, як різні компанії використовують цей простір.

Обкладинка

Щоб завантажити обкладинку, перейдіть до налаштувань і натисніть кнопку «Завантажити».

На обкладинці ви можете розмістити все, що завгодно: починаючи з назви та девізу вашої компанії, закінчуючи всілякими акціями, пропозиціями та навіть конкурсами.

Особливу увагу рекомендую звернути на можливість динамічної обкладинки. Там можна показувати, наприклад, дату, погоду та іншу корисну інформацію – кількість передплатників, лайків, імена найактивніших передплатників:

Такі обкладинки створюються в сторонніх сервісах, наприклад LetsCover.

І є живі обкладинки, ми про них розповідали. Як додати живу обкладинку? Зайдіть через браузер до спільноти, натисніть «Управління», виберіть «Додати обкладинку» та завантажте до 5 відео/зображень. Якщо не хочете, щоб під час показу слайдів обкладинки масштабувалися, вимкніть опцію «Показувати фотографії в русі». Рекомендована роздільна здатність 1080×1920, вага відео до 20 МБ, тривалість - до 30 секунд.

Аватар

Аватар - це не тільки красиве зображення з логотипом вашої компанії, а робочий інструмент маркетолога, за допомогою якого він досягає поставленої мети.

Текст аватару має бути досить великим, щоб його можна було прочитати.Користувачам має бути зрозуміло, що зображено на аватарці.

Небажано, щоб аватар був занадто бляклим і нудним, інакше він губиться на тлі яскравіших аватарок конкурентів.

Якщо ви хочете, щоб ваша аватарка виглядала сучасно, зробіть її в стилі мінімалізм: поменше тексту, тіней, градієнтів і елементів, що не несуть смислового навантаження, повинна бути максимально простою і акуратною.

Якщо перед вами стоїть мета привернути увагу користувачів і виділитися на тлі інших аватарок у стрічці, доведеться включити фантазію. Подумайте, на що ви самі звертаєте увагу, коли шукаєте цікаві спільноти? зазвичай вказує на те, що надійшло нове повідомлення. Це дуже старий прийом, але на мене він чомусь досі впливає коли бачу такий вогник, обов'язково затримаю на ньому погляд.

Я не стверджую, що цей прийом буде працювати і з вашою сторінкою. ідея, до якої я сама навряд чи додумалася:

Аватарка являє собою чорне коло: велике і маленьке. Здавалося б, навіщо взагалі це робити?

Яку інформацію можна розмістити на аватарі

Раніше в соцмережі були високі та витягнуті аватарки.

Тому можна було об'єднати меню спільноти та аватарку.Покажемо, як це виглядало – поностальгуємо.

Раніше можна було навіть зробити гіфку, яка перегукується з аватаром. гіфка, що автоматично програється, зливалася з аватаром в єдину композицію і приковувала увагу користувачів, навіть незважаючи на те, що на ній немає взагалі ніякої інформації.

Зараз у ВКонтакті залишилися тільки невеликі круглі аватарки. Тому нічого поєднувати з ними не можна.

Але аватар все ще можна (і потрібно) використовувати для залучення передплатників до вашої спільноти. Ось що можна розміщувати на аватарках:

Дуже часто інформацію про те, що компанія надає безкоштовну доставку, додають і в саму назву групи, щоб користувачі точно звернули на нього увагу.

Подумайте, якої мети ви хочете досягти за допомогою аватара, та дійте!

Закріплений пост

Якщо ви хочете розповісти про свою сторінку дуже докладно (з фотографіями, посиланнями та красивою версткою), то ви можете прикріпити до шапки статтю, зверстану в редакторі, з яскравою картинкою на анонсі, яка закликатиме користувачів клікнути по ній. Приклад такого посту:

А ось що бачить користувач після того, як він клікне за посиланням:

Опис

Деякі компанії спеціально не закріплюють у шапці жодних постів, щоб користувачі мали можливість прочитати основну інформацію про сторінку і відразу перейти на сайт.

Деякі компанії додають до стандартного опису сторінки хештеги, які її характеризують. Робиться це для того, щоб у сторінки була чіткіша релевантність, і щоб за рахунок цього вона знаходилася вище в пошуку за відповідними запитами.

Меню посилань

Колись для створення меню потрібно було мучитися з вікі-розміткою, а потім ВКонтакте викотив окремий інструмент.

Меню з'являється автоматично, якщо ви використовуєте програми спільнот або у вас підключено магазин. Наприклад, на попередньому зображенні всі три пункти меню — посилання на програми. Ви можете додавати сюди свої – на важливі записи, альбоми, обговорення тощо. буд., до 7 штук (крім докладання). Але посилатися можна лише на ресурси усередині соцмережі.

Щоб відредагувати меню, натисніть «Налаштувати» у верхньому правому куті віджету:

Щоб додати пункт меню, натисніть "Нове посилання".

У вікні, що розкрилося, виберіть обкладинку, введіть назву пункту меню (важливо вкластися в 20 символів з пробілами), додайте посилання і натисніть «Зберегти».

Якщо ви хочете приховати програму з меню, змінити її заголовок або обкладинку, натисніть «Змінити» навпроти відповідного пункту. Те саме можна робити з іншими посиланнями, які додавалися вручну і вимагають коригування.

На виході має вийти щось на кшталт цього:

Запис, у якого багато репостів

Ще один спосіб продуктивно використовувати місце в шапці вашої сторінки - це закріпити в неї один зі своїх найвдаліших постів - той, який вже набрав і продовжує набирати велику кількість лайків та розшарів. Навіщо це робити, думаю, всім зрозуміло — що більше репостів, то більше охоплення, тим більше підписок отримує сторінка.

У лічильнику репостів, до речі, враховуються і пересилання в особисті повідомлення, але побачити, які користувачі це зробили, не можна.

А ще можна закріпити у шапці постер (це коротке повідомлення на яскравому тлі):

Де брати зображення для групи «ВКонтакті»

У нас у блозі є гарна стаття на цю тему - "40 джерел безкоштовних фото для вашого блогу". Вони всі безкоштовні, але якісь вимагають реєстрації.

Якщо не підберете для себе нічого придатного, спробуйте шукати за ключовим словом + шпалери (або, якщо англійською, wallpaper). Зазвичай на такий запит виходять якісні зображення.

Але тут потрібно бути уважним і перевіряти тип ліцензії, інакше якщо у вас серйозний бізнес, можна нарватися на неприємності.

А якщо підібрати потрібне зображення не виходить, його можна згенерувати за допомогою нейромереж! У нас є гайди як для Midjourney, так і для Stable Diffusion, а також зібрано кілька десятків безкоштовних нейромереж на вибір.

Дарія Капітонова, SMM-маркетолог TexTerra:

«Вибираючи між стоковими та нейромережевими картинками, я все частіше віддаю переваги згенерованим нейромережею. Вони мають дві переваги. По-перше, кожна картинка унікальна. Навіть якщо ви використовуєте той самий промт, то ідентичних результатів не буде. А значить, у ваших соцмережах не буде дублів фотографій, вже використаних кимось раніше. А по-друге, за допомогою нейромережі можна реалізувати креативний задум, наприклад створити рекламний банер , що передає не тільки ідею, а й настрій, що дуже складно реалізувати зі стоковими фото без залучення дизайнера.

Чи є мінуси? Так. Наприклад, у Midjourney зараз немає безкоштовної версії. І крім цього, створення своєї картинки може зайняти більше часу, ніж завантаження зі стоку. Але, на мій погляд, плюси все ж таки переважують, особливо з огляду на ту швидкість, з якою розвиваються нейромережі».

Як оформити зображення до постів

Якщо ви займаєтеся веб-дизайном або маєте художній смак і почуття прекрасного, то вам не важко придумати фірмовий стиль для своїх зображень. Однак, мені здається, таких людей у ​​цій статті буде меншість (я, до речі, теж до них не належу).Тому давайте докладно розберемо, як це робиться, грунтуючись на прикладах успішних компаній.

І ось вам одразу кілька прикладів для натхнення:

Красиво, чи не так? Як ви вже зрозуміли зі скріншотів вище, кожна з цих сторінок має у своєму арсеналі кілька готових шаблонів, в яких вони лише змінюють текст і, за необхідності, кольори. Ви також можете створити такі шаблони. Робиться це досить легко, тобто. до. весь дизайн картинок для анонсів ґрунтується на одних і тих самих прийомах.

Прийом №1. Потім освітлити зображення, щоб на ньому добре читався ваш текст

Прийом №2. Створити область контрастного кольору та зробити на ній напис

Прийом №3. Виділити кожен рядок тексту кольором

Прийом №4. Розділити картинку на дві частини

Прийом №5. Зробити зображення каламутним

Прийом №6. Вибирати такі зображення, де є місце для напису

Прийом №7. Додати тінь, свічення або обведення до тексту

До речі, зверніть увагу, майже всі відомі компанії «Вконтакте» брендують свої зображення, т.е. е. додають невеликий логотип, адресу сторінки або водяний знак. Це підвищує впізнаваність бренду та захищає ваші зображення від копіювання. Чи варто це робити, кожен вирішує сам.

Єдине, що хотілося б порадити: якщо таки вирішите цим займатися, постарайтеся зробити так, щоб ваш логотип не був надто яскравим і не займав надто багато місця, інакше весь акцент піде на нього, і зображення втратить свою привабливість.

Якщо ви ніколи не працювали у «Фотошопі» (або будь-яких інших графічних редакторах) і поки не готові виділити час на його освоєння, ви можете скористатися сервісами, в яких вже є готові шаблони для різних соціальних мереж. Наприклад, це Fotor.com.Інші сервіси — у нашій статті «Додатки для обробки фото онлайн: список найкращих».

Переходимо у Fotor та вибираємо розділ Create Design.

Це можна робити і на сайті, і у програмі Fotor.

Виберіть шаблон, який вас цікавить. Зверніть увагу, що безкоштовно надаються тільки ті шаблони, на яких немає значка у вигляді алмазика.

Далі, якщо це необхідно, завантажте свою картинку.

Вставте її у шаблон. На робочому столі - виділіть лівою кнопкою миші, виберіть команду Layer (іконка бутерброда) і клацніть по Move to bottom.

Таким чином картинка йтиме тлом, а всі написи накладуться поверх неї. Після цього можна змінити текст, шрифт, розмір шрифту, розташування напису і т.д.

Потім треба натиснути на іконку у вигляді дискети, вибрати назву, формат зображення, якість і натиснути кнопку Sign in to download. На смартфоні просто зберегти картинку.

Ось ви й зробили класний анонс із гарною картинкою. Але як відстежити його ефективність? Як зрозуміти, скільки людей перейшли за цим анонсом на ваш сайт? Ділимося простою інструкцією.

А якщо ви бажаєте гарно оформити свою спільноту «ВКонтакті», але немає необхідних навичок? Замовте оформлення нашої компанії. Підготуємо для вас аватар, обкладинку, шаблони для рубрик, меню та прев'ю товарів.

Які віджети встановити та як з ними працювати

Віджети також є частиною оформлення спільноти ВК. За допомогою них користувач може: оформити замовлення, підписатися на вашу розсилку, взяти участь у конкурсі, читати та залишати відгуки, відкрити пошук по спільноті, отримати подарунок, купон на знижку тощо.

Ось кілька прикладів того, як виглядають віджети на сторінці «ВКонтакті»:

Віджети створюються у програмах спільнот.Наприклад, якщо ви плануєте збирати пожертвування та встановили відповідну програму, на сторінці буде відображатися віджет збору коштів. Також віджети активно використовуються для створення різних лід-магнітів.

Для спільноти будуть корисні:

• Віджети донатів.
• Форми збору заявок, анкети, онлайн-записи.
• Афіші.
• Голосування.
• Розсилки та чат-боти.
• Відгуки.

Просто оберіть віджет і натисніть «Додати» — і він з'явиться у вас.

Разом

Для того щоб ваші пости в ВК залучали більше читачів, необхідно правильно оформити всі елементи.

1. Завантажуйте зображення з актуальними розмірами.
2. Використовуйте звані живі обкладинки.
3. Якщо ви хочете, щоб ваше зображення повністю зайняло відведене йому місце у стрічці новин, його ширина повинна бути не менше 510 пікселів.
4. Розмір зображення для обкладинки статті, створеної в редакторі, має бути 510 на 286 пікселів.
5. Оптимальні розміри для історій – 1080 на 1920 пікселів (мінімальні – 720 на 1280 пікселів).
6. попередній перегляд відео має бути 1280 на 720 пікселів:
7. Зображення для обкладинки фотоальбому має бути з роздільною здатністю 1200 на 800 пікселів.
8. Щоб зображення не стискалося, необхідно робити його в 2-3 рази більше за потрібний розмір.
9. Приділіть час шапці спільноти:

• використовуйте динамічні обкладинки;
• доповнюйте аватар корисною інформацією;
• використовуйте закріплені пости;
• заповнюйте опис сторінки на головній:
• створюйте меню посилань;
• закріпіть у шапці один із своїх найвдаліших постів із репостами