15张博客图片:为每篇文章添加优秀图片的最佳实践

分享这
安迪Crestodina
分享

博客作家. 他们以帖子的形式写文本. 博客是一种书面的,基于文本的媒介?

不是真正的.

是的,它是一种视觉媒介,这是真的,但文本只是其中的一部分. 伟大的博主知道博客图片至关重要. 它们是非常重要的原料,仅次于 一个伟大的标题. Every great book needs a cover; every great post needs an image.

为什么? 博客形象直接影响分享和流量. 图片在推特上分享得更多. 带图片的推文转发量增加了35% (source).

twitter-chart

有图片的帖子在脸谱网上被分享得更多. 脸谱网上87%的顶级帖子都包含图片(source).

FB-Chart

如果你的帖子没有图片,不要指望它能走得很远.

一篇没有图片的博客文章就像一张没有邮票的明信片.

但是图片不仅仅对流量很重要. 它们对记忆很重要. 研究显示 图像使信息更容易记忆. 这就是所谓的“画面优势效应”.”

image-retention

好吧,所以一张图片值一千次点击. 但如果你不是设计师呢? 怎样才能得到好的博客图片?

这里是15个博客图片最佳实践的指南,包括图片大小和形状, 版权和归因, 收藏照片和免费图片. 这篇文章是十三水游戏关于博客文章视觉效果最好的建议.

1. 带标题的特色图片

让十三水游戏从每一篇文章中最重要的图片开始,特色图片. 当帖子被分享时,它会出现在帖子的顶部和社交流中.

做得好,它会被点击和重塑吗. 如果做得不好,观众就会直接滚动过去.

做好它意味着把标题正确地放在图像中. 所以图像本身就包含了意义. 图像将独立存在.

提示:你的博客图片没有出现在脸谱网或推特上作为社交片段吗? 下面是代码 修复它.

帆布 是一种简单的方式添加文字到图像,不需要Photoshop或设计师的帮助. 您可以从他们提供的模板开始,也可以创建自己的自定义维度. 然后从他们的库中添加一张图片(或者上传你自己的),上面有大量预先格式化的文本,很好地覆盖在上面.

这是我用几分钟在画布上做的一张图片.

埃尔莫

通过将标题放入图像中, 人们只要看一眼图片就会知道这篇文章的主题. 他们会知道你的文章是关于博客图片的,而不是艾摩.

2. 图像与脸

脸是独一无二的. 它们不同于任何其他类型的图像. 当十三水游戏还是婴儿的时候,十三水游戏就有盯着脸看的倾向。source). 婴儿更倾向于凝视与人脸相似的图形,即使这不是一张真正的脸.

婴儿

这是一种固有的视觉偏好. 十三水游戏每个人都有一种认知偏见. 杂志和报纸的图片编辑几十年前就知道这一点. 脸的图像会抓住并抓住读者的注意力.

提示:如果你的网站上有一个“关于”部分,没有人物的照片, 停止阅读这篇文章,去添加一些. 这个“中子弹”问题很容易解决. 去把脸和名字放在一起!

面孔创造了另一个微妙的营销机会. 你可以将观众的注意力引向特定的方向.

眼球追踪研究表明,“你会看他们看的地方。.“如果图像中的眼睛正朝某个方向看, 观众也会倾向于往那个方向看.
产品

眼睛的方向就像一支看不见的箭,让人无法抗拒. 博客等优点 玛丽·史密斯 使用这种策略多年了吗.

常委

3. Meme的图片

这些很容易使用工具创建,比如 imgflip.com. 只要上传你选择的图片,然后输入文字. 创建这样的博客图片最多只需要几分钟.

meme-therock

imgflip的问题是,您可能会陷入其中, 看别人的表情包, 像这样的.

瑞安

Ok. 继续……

4. 社交媒体的博客图片大小

博客图片的正确大小是多少? 脸谱网、推特等网站最理想的像素尺寸是多少?? 有几十个帖子详细说明了社交媒体网络的图像大小.

忽略它们.

大小不重要. 图像的形状才是最重要的. 社交网络会自动调整照片的大小. 只要图像的宽度是高度的两倍, 在所有社交网络上都会很好看.

如果它比它的宽度高得多, 社交网络可能会切断顶部和底部, 喜欢这张照片…

tuna-the-猫

金枪鱼在推特上被裁剪了!

宽高比被称为“宽高比”.宽的图像被称为“风景”,高的图像被称为“肖像”.“给你的博客图片一个横向纵横比.

让你的博客图片与你的博客内容区域的宽度一致(通常是600或650像素宽) 只有一半高. 这就是你需要知道的图像大小.

5. 图

图表是解释复杂概念的快速方法. 但它们需要更多的工作.

我使用 OmniGraffle 使图. 这是Mac的流程图软件. 它使得画盒子和箭头很容易. 这是我在10分钟内做的.

猫

对于条形图,您可以将它们直接拉出Excel或谷歌Sheets. 对于饼状图,返回到 imgflip. 他们有一个很好的工具.

image20

这张图片的制作不到一分钟.

6. 信息图

信息图,所有博客图片之母,确实是为了独立而设计的.

最好你只使用几个点,并鼓励其他人把它嵌入到他们的网站,并链接回你. 这是一个 搜索引擎优化和. 社交媒体. 请注意,十三水游戏是如何添加带有回文章链接的嵌入代码的? 如果你想要不同的设计理念 类型的图表, 看看《十三水在线游戏》的模板. 

SSI_Orb_v4-01

想在你自己的网站上发布这张信息图?

复制并粘贴到您的博客文章或网页:

7. 引用的图片

有时候,文字就是图片. 把你的标题或者有吸引力的引用做成一个视觉化的内容. 有很多免费的工具可以让这个过程变得简单.

Notegraphy 使用字体和颜色样式文本. 只需要几秒钟.

notegraphy

QuotesCover 需要一些额外的步骤, 但它可以让你更多地控制字体和颜色选项,并允许你将图像添加到背景中. 这是我在几分钟内做的.

quotes-cover

8. 图纸

而不是花几个小时在网上搜索免费图片, 或者与不属于你技能范围的软件作斗争, 试试这个疯狂的想法: 拿起铅笔画画.

几分钟后,你就会有一些原创的东西来支持你的信息. 艺术学位不是必需的.

这正是亨内克在她的博客上所做的, 迷人的营销. 它太棒了.

图纸

你所需要的只是一些艺术装备和一点勇气. 一旦绘画完成,扫描它或用你的手机拍一张照片. 我一直在使用 天才扫描这是一款和扫描仪一样好用的手机应用.

9. 截屏图片

对于教育内容,截图是仅次于视频的最佳选择. 我使用 来做你在这个博客上看到的截图. 像这样…

jing2

10. 图片从你的手机

每个人都是一个摄影师. 所以这里有一个很好的免费照片来源:你的手机. 你那里可能有一些很棒的照片.

手机实际上是一个很好的图片来源,因为你可以立即裁剪和添加滤镜, 使用现代手机自带的工具. 提前! 过滤器! 作物! 然后发邮件给你自己.

但是记住之前关于图像形状的建议. 它们应该是宽的,而不是高的. 大多数屏幕和所有社交流图像都是宽矩形. 十三水游戏生活在风景的世界里,宝贝! 所以,用手机拍照时,要横着拿.

罗斯科

这张罗斯科的照片,我哥哥的狗,将成为一个很好的图片博客文章.

11. 使用多个图像

接受它. 你的读者实际上只是扫描仪. Maaaaybe 28%的文章将被阅读. 大概是20%吧.

那么如何才能让这些扫描仪慢下来呢? 保持他们的兴趣? 首先,确保你在格式化. 使用短段落、副标题、项目符号、粗体和链接. 但更重要的是, 使用了许多图片.

这样做的目的是让读者远离文本的沙漠. 无论他们往下滚动多远,都不应该碰到文字墙. 每个滚动深度都应该有图像.

smexaminer

社交媒体考官知道如何保持访问者移动. 每个帖子在每个滚动深度都有一个图像! 迈克和他的团队故意这样做,以保持扫描读者的兴趣.

根据 十三水游戏最新的博客研究在美国,越来越多的博主使用更多的图片. 去年,有一个 使用多张图片的博主比例增加了14%. 这是另一个伟大的研究 为了支持这一点. 

这是一种正式的趋势.

12. 使用动态gif

你喜欢上面那张GIF动画图片吗? 我在几分钟内用了 屏幕流,屏幕捕捉软件,输出的MP4,和 ezGIF它可以将MP4文件转换成gif动画.

教程

这是 一个优秀的教程 创建漂亮、快速加载的gif. 谢谢, 安迪Orsow!

但是要小心使用动画. 动作在吸引注意力方面是如此强大,它可能会让人厌烦. 就我个人而言,我已经受够了以上两种动画!

13. 以一致的方式使用图像

如果你建立了自己的风格,读者就会认识到. 它还加快了图像制作的过程,因为很多设计决策都是提前做出的, 如布局, 字体和颜色.

设定标准并遵循它们. 这能让任何人成为更好的设计师.

以下是一些博客如何为他们的博客图片建立标准的例子。

的博客

十三水游戏有一个风格指南 上面有十三水游戏品牌的字体和颜色. 每当我需要一种颜色或字体时,我都会参考这个文档.

14. 使用图片

当然,没有人喜欢库存图片. 但有照片总比没有好. 如果你必须要使用它们,那就遵循它们 这些步骤 关于如何自定义库存图像. 

文斯

或者,文斯·沃恩非常慷慨地邀请你 一些不错的免费库存照片. 这给十三水游戏带来了另一个博客图片的最佳实践…

15. 这些照片不会让你被起诉

不被起诉总是件好事. 如果你知道在哪里找图片,这就很容易了. Flickr的搜索工具允许你过滤知识共享许可覆盖的图片.

知识共享

图片搜索工具现在包括使用权限的过滤器. 在寻找一车一车的小狗之前检查一下这些!

小狗

严肃地说,不要想使用一个不是创作共用的图像. 公司制造的机器人除了在未经允许的情况下扫描网络上的图片外什么也不做. Getty Images旗下的PicScout就是这样一家公司.

picscout

如果他们在你的网站上发现未经许可使用的图片, 机器人律师会寄给你一封“要求和解信”,还有账单. 根据图片,可能要几十万美元.

theletter

好的博客文章会开启对话. 但不是和律师一起. 你不会想收到这些信的.

边注:盖蒂图片社经常因为发送这些信件而被指责欺凌. 至少在一个案例中,他们被起诉了. 诉讼背后的故事 很有趣…

你需要什么来创建伟大的博客图片

写博客是写作,但也是选择和准备图片. 你需要写作技巧,但也需要基本的形象技巧:

  • 裁剪,调整大小和优化图像
  • 基本滤镜和效果(等级、对比度、自动增强)
  • 添加文本,基本排版
  • 抓取截图(Mac用户, 按命令+shift+4捕捉任何部分的任何东西在您的屏幕上! 我总是这样做)

您还需要一些工具. 这里有一些受欢迎的……

照片编辑…

  • Pixelmator做出很棒——29美元.00
  • GIMP -免费
  • 油漆.网-免费
  • Adobe Photoshop - $20 - $80/月

屏幕截图…

  • 京-免费
  • 屏幕捕获工具——49美元.95
  • Awesome截图(一个Chrome插件,给你高分辨率的截图)-免费

对屏幕录像……

  • Camtasia - 99美元
  • 屏幕流- 99美元

对于图表,流程图和信息图…

  • Omnigraffle - 99美元
  • Visio - 300美元
  • 谷歌绘图-免费
  • Picktochart -免费,专业版是$29/月

当然, 有十三水游戏上面提到的在线工具, 包括帆布, Imgflip, Flickr和其他网站.

我承认,十三水游戏这里有一个设计团队经常美化我的博客图片. 但专业设计并不是强制性的.

你在用什么工具? 在下面留言帮助你的营销伙伴.

分享这

你有什么想法??

签了字你就同意了十三水游戏的 隐私政策.

评论(58)
  • 安迪真是太棒了! 谢谢,我会分享的. 感激地,吉尔·斯图尔特

    • 谢谢你,吉尔! 我敢打赌,其中一些想法和工具是在与学生的对话中提出的。

  • 你在写这篇文章(呃,创作图片)时有多少乐趣?)?? 十三水游戏也喜欢Pixabay(免费图片)和Screencast-o-Matic. 我有一个付讫的Shutterstock账户. 它是值得的.

    • 我剪辑得很好. 我告诉你吧! 你曾经使用unsplash来获取免费图片吗? 它们很神奇.

      好的文章,安迪!!

      • 伟大的文章安迪! 我以前在一些项目中使用过UnSplash——它是一个很好的资源,可以获得每周都有变化的高质量图像. 如果我在寻找特定的东西,我倾向于使用pixabay.com(免费)或Shutterstock(付费).

        对于那些使用Linux作为操作系统的人来说,有一个非常好的屏幕记录器叫做Kazam, 哪个是免费使用的,并且有大量的屏幕捕捉选项.

        我很惊讶地发现,在每个滚动深度都有一张图片会保持兴趣——我个人认为太多的图片会分散你的注意力,让你无法完整地阅读文章.

        如果你是在平板电脑或移动设备上浏览,我经常发现那些有很多图片的文章在移动连接上加载得很慢,这可能会导致我在文章加载完成前离开网站.

  • 爱它! 谢谢你的好主意和资源列表.

  • 像往常一样,这是对所有沟通者的好建议. 期待从评论者那里听到其他建议. 我和@Gini. 我爱Pixabay.

    • 我从来没有听说过Pixabay. 现在就来看看!

  • 谢谢安迪. 我确实从这篇文章中学到了一些东西, 但我对你的一些建议有异议.

    根据我的经验,这些事情通常会扼杀转化率:

    1. 库存图片(有时没有图片比劣质的、不真实的图片更好)
    2. gif动画——大多数网络用户讨厌页面上的动画,如果他们不能让它停下来,他们会很快离开!
    3. 在对比度较差的图像上使用奇怪的字体覆盖标题文本——太难看/读了.

    • 谢谢你的反馈,黎明. 我从未见过数据显示这些会影响转化率, 但我可以想象在某些情况下.

      尤其是设计博客会失去所有的信誉与库存照片!

      但在其他博客上,我真的认为有照片总比没有好. 就像在长长的、干燥的文本沙漠中啜饮视觉水……

  • 安迪,工具清单很好,谢谢!

    • 谢谢,苏茜! 总是很高兴在评论中看到你. 🙂

  • “好的博客文章会开启对话. 但不是和律师一起. 你不会想收到这些信的.“哈哈,太喜欢了。! 好的文章!

  • 好的文章! 非常感谢包括我的GIF教程. 😀

    就像黎明提到的动图一样, 我发现当人们支持内容时,他们更容易接受gif——所以如果它是教学/解释/告知内容, 门槛越来越高. 但如果只是为了动图而动图,那么……是的,可能会太多了. 🙂

  • 嗨,安迪,

    谢谢你把我紫色头发的亨丽埃塔也包括进来! 🙂

    当我开始为自己的博客文章画插图时,我非常非常紧张. 我几乎不敢按“出版”我的第一个插图. 我以为是用老式彩色铅笔手绘的!)可能看起来很业余,但许多人说手工制作的感觉很吸引他们.

    所以,对于那些对自己的绘画技巧犹豫不决的人来说,去尝试一下吧. 你的信号会比你想象的好很多.

    鼓舞人心的文章!

  • 嗨,安迪,

    和往常一样好,伙计. 我不同意第4点, 不要担心尺寸的建议, 只要它们的宽度是高度的两倍.

    我曾经看到过遵循这个公式的帖子(过去我自己也犯过这个错误), 图像上的文字(或特定的CTA)会丢失. 为网络优化图像解决了这个问题, 也使体验更自然,媒体更丰富. 而更宽的图片在Pinterest上看起来不太好,它需要相反的方法.

    Sprout Social对关键网络的图片大小有一个很好的指南, 如果这些尺寸有变化,他们会随时更新.

    http://sproutsocial.com/insights/social-media-image-sizes-guide/

    也, 战争插件团队通过他们的社交战争插件(premium)为图片提供了最好的尺寸。, 并预览图片在网络上的样子.

  • 的帖子,安迪!! 这么多伟大的信息打包在一个阅读.

    还有一件事……. 如果你已经购买了SnagIt的屏幕截图(我喜欢这个), 你也可以用它来捕捉视频. 同样的工具,没有额外的成本. 我用它来为幻灯片添加画外音, 或者创建如何在网上完成任务的视频,我想要捕捉一个活跃的屏幕和声音.

    • 嗨凯莉, 我也用PowerPoint, 而是作为一个编辑工具来制作图表和封面图片,在我的网站上使用关于演示模板. PowerPoint不仅比其他软件编辑工具更直观, 有大量的幻灯片元素可以用于这些目的.

  • 自从几年前我发现了Orbit Media,我就对Andy给十三水游戏提供的深入策略印象深刻. 这篇文章也不例外,对于像我这样的小跳蚤来说,它能让我一直走下去! 这让我不停地抓我的网站. 为了更好的目的.

  • 这将在博客和社交媒体上创造良好的参与度. 感谢资源.

  • 极好的帖子和有趣的看和读!

  • 我肯定会尝试imgflip..因此听起来是个不错的主意.. 🙂

  • 我确实写了很多博客文章,所以这篇文章绝对对我有很大的价值! 感谢分享这个好东西🙂

  • 嘿,朋友们,有什么推荐的可负担的股票图片订阅服务吗? 找那个矮胖子.但每月订阅THX!

  • 嗨,安迪,

    不错的提示,15号有个重要的提示. 现在我的目标是学习如何创建信息图,我开始使用Piktograph, 但没能走多远. 希望我很快就能掌握它.

    谢谢分享,Andy! 祝你过得愉快!

  • 专业博主需要意识到使用图像的价值.人们可以使用Shutterstock相册在博客中使用图片.

  • 令人惊讶和有用的帖子. 你真的帮我省了不少钱! 谢谢

  • 安迪:你一句话就能教这么多东西,我很受鼓舞.e.“写博客是写作,但也是选择和准备图片. 你需要写作技巧,但也需要基本的形象技巧.”

    我特别欣赏这些例子,尤其是社交媒体 Examiner的例子.
    罗杰

  • 更多来自安迪和轨道的伟大的东西,但有一个问题不是传说在第5颠倒?

  • 嗨,安迪,

    很棒的帖子,我喜欢每一条建议. 用摇滚的表情包笑得很开心🙂等不及明天下午分享了吗! 今天晚些时候吧,哈哈.

    非常感谢,
    克里斯蒂娜Anisa

  • 关于博客图片的很棒的提示! 有三件事吸引了我的眼球,那就是看着图像中的图像,使用景观和图像大小, 以及如何搜索谷歌图像.

  • 你是否能够发布使用Imgflip和其他类似网站创建的模因,而不用担心索取信?

  • 很好的文章,谢谢你安迪 ! 一张图片胜过千言万语.

  • 谢谢! 真的很有用,而且插图很好.

  • 谢谢! 我正在制作培训材料,我想让这些材料经久不衰. 我知道对它们进行标准化将使它们更容易集体使用. 谢谢你的提示和资源. 我可以去寻找更多的工具来整合十三水游戏的培训材料!

  • 安迪,我不知道我是怎么想到的,但我很高兴我想到了. 谢谢你抽出时间来.

  • 很棒的博客,我的朋友🙂

  • 真正有用的文章! 指甲每个点. 你甚至可以给你的图片加上地理标签,并插入相关的alt标签来提高你的搜索引擎优化排名. 每个博主都必须阅读吗.

  • 很棒的文章,谢谢你分享你的专业知识!!

    • 是的,非常棒的帖子,谢谢分享

  • 看完这篇文章后,我最近更新了我手机回收博客上的所有图片. 我确实使用了一些免费的库存图片,但这种改变已经产生了影响. 花在选择图片上的时间和你写文章的时间一样多. 社交媒体现在对我来说比搜索引擎优化更重要,所以我现在只是寻找好的图片作为博客标题的基础. 后来我担心的是内容.

  • 好职位描述. 感谢分享这些有用的信息. 一如既往的精彩内容,我喜欢阅读你的文章,非常感谢!

  • 非常感谢您提供这个详细的教程. 我能够在现有的博客文章中快速轻松地创造更多参与和社交分享的机会. 我肯定会花额外的时间来添加更多的图片(而不仅仅是一张!)在我的博客文本从现在开始.

    我采纳了你的建议,更进一步. 我决定在我的引用图片下面创建一个小的“tweet这个”按钮.

    看看我的帖子结果如何:
    http://www.awakentheself.com/mental-wellness/8-inspiring-tools-to-help-you-set-and-achieve-lofty-goals

    我使用canvas(用于设计)和Pexels(用于免费库存照片)来创建一些漂亮的图形,并从我的文本中引用.

    再次感谢!

  • Aeesome信息

  • 安迪的技巧! 十三水游戏经常执行,但没有意识到正确的实践需要在内容中有效的图像(包括我).

  • 你好,安迪,

    我在读研究生,十三水游戏正在写博客,准备布置作业. 非常感谢你及时提供图片信息. 我一定要用它.

  • 好棒的邮件谢谢,安迪.

  • Pinwords是一个非常基本的工具, 但它是伟大的,如果你想快速从一个引用的图像,并添加到你的Pinterest帐户. Pinstamatic实际上让你

    创建一大堆项目添加到你的Pinterest板,包括网站快照, 你可以把推特的个人资料和Spotify的歌曲钉起来.

  • Pinwords是一个非常基本的工具, 但它是伟大的,如果你想快速从一个引用的图像,并添加到你的Pinterest帐户. Pinstamatic实际上可以让你创建一大堆的项目添加到Pinterest的董事会,包括网站快照, 你可以把推特的个人资料和Spotify的歌曲钉起来.

  • 很高兴阅读你的文章,你分享的信息很有帮助. 感谢你分享这篇文章, 介绍将图像从JPG转换为PNG的工具jpg4png.com. 我想它会对你有用,再次感谢上面的文章.

  • 很棒的建议-谢谢.

  • 视频做得很好! 喜欢所有的小贴士! 谢谢你的启发! 感谢!

  • 极为精彩的文章! 非常有用,充满了信息和有用的工具提示. 此外,它让我发笑,而且读起来很快. 谢谢你!!

  • 安迪,多棒的帖子啊. 研究得很好,也很机智. 我来看你的帖子是想知道我的帖子平均应该包含多少张图片, 和, 当你回答这个问题的时候, 你还教会了我很多有用的工具.
    我一直在我的Mac上寻找一个好的屏幕截图,我想试试京. 你和文斯·沃恩的合照引发了很多想法. 我使用Unsplash和Rawpixel来处理我的库存照片,我很想阅读你关于如何定制库存照片的文章.
    再次感谢分享你的经验!

  • 这是一个很有帮助的帖子,谢谢! 不过,我有一个法律问题. 我一直非常小心地使用我被授权使用的照片, 但是动图的合法性对我来说很难. 据我所知, 如果我发布的内容侵犯了版权, 我只会被GIPHY通知它需要下架, 不是一开始就被起诉. 如果我直接使用GIPHY的动图,我有法律问题的风险吗?

    • 如果你谷歌gif社区指南,你会发现他们在“分享”gif上的立场. 如果你想了解的话,他们也有使用条款.

      谢谢你的问题,谢谢你的来访!

  • 好的文章! 这对我这个博客初学者来说非常有用! 谢谢!

  • 谢谢你的建议. 我的读者也会很感激.

 
加入超过16,000人谁收到网络营销技巧每两周.

签了字你就同意了十三水游戏的 隐私政策.

分享这