Как да добавите изображение в социални медии към вашето хранилище на проекти на Github

Споделянето на връзки без социален образ може да превърне мощното съдържание във флоп. Как можем да се възползваме от недвижимите имоти, които социалните медии ни предоставят, когато споделяме усилената си работа в Github?

Искате ли да прескочите пред „какво“ и „защо“? Преминете към "как"!

Въздействие на изображенията в социалните медии

Всяка емисия в социалните медии е натрупване на съдържание, което може да бъде трудно за пълно смилане. Докато плъзгате или превъртате през емисиите, ще се срещнете с някакво текстово съдържание и много медия.

И това е с основателна причина! Докато сканирате горния пример, какво се откроява? Не ретуитът на праховите частици от CodePen вляво, а AWS в средата, кучешкия нос горе вляво и Ал Пачино горе вдясно сред останалите големи публикации в медиите.

Изображенията, GIF файловете и видеоклиповете са добър начин да предоставите привлекателно съдържание. Като бонус те обикновено заемат много повече място в емисията, което прави още по-вероятно да получите шанс да го видите.

Минимумът на Github

Когато споделяте вашите проекти на Github в социалните медии, опцията по подразбиране е доста скучна. Вземете този туит като пример:

трябва да импортирате емотикони от друго работно пространство на Slack? не се притеснявайте, сега има скрипт! //t.co/cNKihZyCMP

- Колби Файок (@colbyfayock) 8 февруари 2020 г.

Github ни дава проста карта за социални медии, която се състои от нашия аватар на Github, пътя на нашия проект и краткото описание в горната част на страницата.

Сега е страхотно, че дори показват карта за начало и за да бъдем честни, какво биха показали? Но този туит ще бъде пропуснат доста лесно в емисиите на хората между големи лъскави изображения.

Изображения в социалните медии на Github

За щастие Github ни предоставя хубав и лесен начин да добавим изображение към всяко репо, което може да помогне на съдържанието, което споделяме, да работи малко повече за себе си.

С малко творческа работа можем да качим изображение, което ще се възползва от пространството в емисиите на хората и ще привлече вниманието ви, което заслужава.

Преди да се потопим, трябва да се отбележи, че трябва да имате подходящ достъп, за да можете да променяте настройките на хранилището, за да промените изображението. Ако сте създали репото, има шанс да имате този достъп.

Намиране или създаване на изображение

Преди да качим изображение, първо ни трябва изображение. Можете да отидете по един от двата маршрута: намиране на изображение или създаване на нов.

Ако искате да тръгнете по простия път, можете да се огледате безплатно, за да използвате изображения, които е доста лесно да намерите в мрежата. Любим от мен е Unsplash, тъй като обикновено ще намерите висококачествени изображения, но има много други, които можете да намерите с просто търсене. Въпреки това, добавянето на снимки обикновено е по-добре за публикации в блогове и публикации, базирани на съдържание.

В момента сайтовете на JAMstack са много яростни и с добра причина - те са бързи и е доста лесно да започнете да създавате такъв.

Ако искате да научите повече, тази статия от @colbyfayock ще ви покаже какво представлява JAMstack и как да се потопите направо .//t.co/7NaiUUsAou

- freeCodeCamp.org (@freeCodeCamp) 19 февруари 2020 г.

По-добрият маршрут е да създадете свой собствен. Предимството на създаването на изображение е, че можете да го персонализирате с голям текст, за да привлечете допълнително внимание в емисията.

Налични са много безплатни инструменти, които ви позволяват да създадете изображение, започвайки със специфичен шаблон за социални медии, така че не е нужно да харчите парите за Photoshop, за да стигнете до там.

Единственото изискване за вашето изображение е размерът му да е поне 640 × 320px. Ако е възможно, стремете се към поне 1280 × 640px, за да сте сигурни, че изображението се показва с висока разделителна способност в емисии.

Добавяне на изображение към вашия Github репо

След като получим нашето изображение, просто ни остава да добавим изображението към нашето репо, което може би е по-простата част.

Първо, отидете до настройките на вашия Repo, като използвате навигацията в раздела в горната част на страницата. За напомняне трябва да можете да промените настройките, за да промените изображението.

След това превъртете надолу до секцията Social Preview, където ако в момента нямате зададено изображение, ще намерите голям празен правоъгълник с бутон за редактиране в долния ляв ъгъл.

Щракнете върху бутона Редактиране, изберете Качване на изображение, след това намерете изображението си на вашия компютър и изберете файла.

След като бъде избран, вашият графичен файл ще бъде качен в Github и зададен като ваш социален образ!

Предварителен преглед на новото ви изображение

Когато приключите с качването на изображението си, можете да се отправите към любимата си социална платформа и да опитате. Публикуването в Twitter например сега ще покаже хубаво голямо изображение вместо малкия ви аватар в Github!

Лесно завъртете приложение за картографиране @reactjs с този @gatsbyjs стартер //t.co/x0YJUuAzvz

- Колби Файок (@colbyfayock) 20 февруари 2020 г.

Както можете да видите, този туит максимизира наличното пространство и разяснява какво представлява проектът.

Няколко съвета при създаване на изображения

Голям, прост текст

Може да бъде лесно да се увлечете от прекомерното проектиране на графика или да не обърнете достатъчно внимание на размера на шрифта. Уверете се, че използвате големи букви с лесен за четене шрифт, така че когато някой превърта покрай публикацията ви, той може да го разбере, а не просто да го пропусне.

Добавете лого

Имате ли лого за вашия проект? Или е плъгин за конкретен инструмент? Опитайте да добавите лого, за да дадете незабавно контекст за това, за какво става дума в проекта!

Увеличете разделителната способност

Никой не обича да гледа изображения с лошо качество. Възползвайте се от всички тези скъпоценни пиксели и качете изображение, което ще се превърне във високо качество в емисия. Github препоръчва по-специално размер на изображението най-малко 1280 × 640px.

Имате ли други трикове, за да увеличите максимално споделянето в социалните мрежи?

Споделете любимите си съвети с мен в Twitter!

Последвайте ме за още Javascript, UX и други интересни неща!

  • ? Последвай ме в Туйтър
  • ? ️ Абонирайте се за моя Youtube
  • Регистрирайте се за моя бюлетин