如何保存meme的网页图片

Meme pictures, recognizable photos with sayings applied over top, pop up everywhere from Internet discussion boards to email forwards. What’s the font that stands out so boldly on them and how do you make them? Read on as we answer a reader’s serious question about a not-so-serious topic.

Meme图片，可识别的照片，上面写着俗语，从Internet讨论区到电子邮件转发无处不在。 在它们上如此突出的字体是什么？如何制作它们？ 当我们回答读者关于一个不太严肃的话题的严肃问题时，请继续阅读。

Dear How-To Geek,

亲爱的How-To Geek，

I want to make a funny picture to put in a coworker’s cubicle for his birthday next week. I’d really like to do it in the style of those Internet meme pictures you see all over the place, but I’m not exactly a graphic designer (or even particularly clever). Can you guys help me out with some serious advice on my definitely not serious problem? I read a lot of your Ask HTG articles, and I get the feeling I don’t have anything to worry about.

我想拍一张有趣的照片，下周放到同事的小卧室里过生日。 我真的很想以您在各处看到的那些网红模因图片的风格来做，但是我不是一个完全的平面设计师(甚至不是特别聪明)。 你们能为我绝对不严重的问题提供一些认真的建议吗？ 我读了很多您的Ask HTG文章，觉得没有什么可担心的。

With that in mind I have a couple questions. First, what’s the font they use for the pictures? Maybe I’ve got an untrained eye but it looks like all the ones I’ve seen have a really blocky white font with black outlining around the text. How can I easily make place text like that over an image? Finally, and only kind of related to my actual project, why exactly are the funny pictures called “meme pictures” in the first place?

考虑到这一点，我有几个问题。 首先，它们用于图片的字体是什么？ 也许我的眼睛是未经训练的，但看起来我所看到的所有眼睛都具有非常块状的白色字体，文本周围有黑色轮廓。 如何轻松在图像上放置类似的文字？ 最后，这只是与我的实际项目有关，为什么首先将这些有趣的图片称为“ meme图片”？

Sincerely,

真诚的

Meme Curious

模因好奇

This is exactly the kind of not-so-serious Ask HTG question that was match-made for a lazy Friday afternoon, and we’re more than happy to help you in your quest for the perfect meme picture for your buddy. Let’s dig into your serious questions about a most decidedly not-so-serious topic.

这恰好是一个不太严肃的Ask HTG问题，它是在一个懒惰的星期五下午匹配的问题，我们非常乐意帮助您为您的好友寻求完美的模因图片。 让我们深入探讨有关一个绝对不是那么严重的主题的严肃问题。

到底是什么模因？ (What’s A Meme Anyways?)

First, let’s answer your trivia-grade question first and then look at the specifics of creating your picture. The word “meme” was coined by evolutionary biologist Richard Dawkins. He coined it in his 1976 book The Selfish Gene  to serve as a term to facilitate discussion about how cultural ideas might spread via evolutionary-like mechanisms. The general concept, and we’d certainly encourage you to read more on the subject if this interests you, is that music, slang and catchphrases, architecture, styles of art, and so on are all transmitted from person to person and those ideas (just like organisms) change through the process  of transference via mutation, variation, competition, and inheritance.

首先，让我们先回答您的琐事级问题，然后再看一下创建图片的细节。 “模因”一词由进化生物学家理查德·道金斯(Richard Dawkins)创造。 他在1976年出版的《自私的基因》一书中创造了这个词，作为一个术语来促进有关文化观念如何通过类似进化的机制传播的讨论。 一般概念，如果您对此感兴趣，我们当然会鼓励您阅读有关该主题的更多信息，因为音乐，语和流行语，建筑，艺术风格等等都在人与人之间传播，并且这些想法(就像有机体一样)通过突变，变异，竞争和遗传在迁移过程中发生变化。

An offshoot of that concept is the idea of “Internet memes”; ideas propagated, replicated, and modified as they spread via the Internet. Meme pictures are just a visual media for Internet memes, they can also spread via text and video. The concept of “meme pictures” specifically (as opposed to a photograph of, say, people planking which is a type of cultural meme that is captured with photo and video and spread via social media) refers to the kind of white-text-over-photo images you’re interested in and is subset of a subset in the whole concept of memes and Internet memes.

这个概念的一个分支是“互联网模因”的概念。 通过互联网传播，复制和修改的创意。 模因图片只是Internet模因的视觉媒体，它们也可以通过文本和视频传播。 具体来说，“模因图片”的概念(与用照片和视频捕获并通过社交媒体传播的一种文化模因的人木板照片相反)指的是白色文字感兴趣的照片图像，是整个模因和互联网模因概念的子集的子集。

Dawkins himself has said that the concept of “Internet meme” is a bit divergent from his pre-Internet conception of cultural memes, but the general premise is the same (albeit Internet memes are created, modified, and distributed at a radically faster pace than any historical meme, and they have the novel element of traceability as they exist in an electronic medium).

道金斯本人曾说过，“互联网模因”的概念与他在互联网时代以前的文化模因概念有些不同，但总体前提是相同的(尽管互联网模因的创建，修改和分发速度比任何历史模因，并且它们具有电子媒体中存在的可追溯性的新颖元素)。

With that little bit of trivia out of the way, let’s take a look at what font they use and how you can make your own for a little bit of Friday fun.

有了一些琐碎的琐事，让我们看一下它们使用的字体以及如何在星期五的乐趣中制作自己的字体。

Meme图片使用什么字体？ (What Font Do Meme Pictures Use?)

While the font selection is at the discretion of the image maker the vast majority of Internet meme pictures use Impact font. (A small minority use Arial and an even smaller minority use Comic Sans.)

尽管字体的选择由图像制造商决定，但绝大多数Internet网络模因图片都使用Impact字体。 (一小部分人使用Arial，而一小部分人使用Comic Sans。)

Impact is an bold high-visibility sans-serif typeface designed back in the 1960s by designer Geoffrey Lee (who, most assuredly, had no idea that labor of his typographic genius would end up emblazoned across millions of cat pictures). The name is very fitting as Lee designed it (in his own words) to have a huge impact and put as much ink on paper as possible.

Impact是由设计师Geoffrey Lee(最确定的是，不知道他的印刷天才的作品最终会被成千上万张猫的照片装饰)设计于1960年代的大胆的高可见度无衬线字体。 这个名称非常合适，因为Lee设计(用他自己的话说)产生了巨大的影响，并在纸上尽可能多地涂抹了墨水。

The large blocky design as well as the inclusion of the font with major operating systems like Microsoft Windows is exactly why the font took off as the font-of-choice for meme picture makers. It’s big, bold, and the text stands out crisply when layered over an image.

宽大的块状设计以及字体在主要操作系统(如Microsoft Windows)中的包含，正是字体成为模因图片制作者的首选字体的原因。 它很大，很粗，当放在图像上时，文本清晰可见。

The contrast is even further enhanced with the use of what is known as a “stroke” to outline the text in a thick black line to ensure maximum contrast between the text and the surrounding image.

通过使用所谓的“笔画”以粗黑线勾勒出文本轮廓，可以进一步提高对比度，以确保文本与周围图像之间的最大对比度。

Now that you know what the font (and its bold outlining) is called, let’s look at a few different ways you can go about making your own meme-style images.

现在您知道了字体(及其粗体轮廓)的名称，让我们看一下制作自己的模因风格图像的几种不同方法。

我该如何做自己的？ (How Can I Make My Own?)

There are a few ways you can approach making a meme picture. The first is to fire up an image editor, roll your sleeves up, and do the whole thing start to finish. The alternative is to use a “meme generator” type website that does the hard work for you. While doing it yourself isn’t very hard if you don’t have access to the tools (or don’t want to download/install them) the generators work well enough. Let’s look at both methods.

有几种方法可以制作模因图片。 首先是启动图像编辑器，收起袖子，然后开始完成整个工作。 替代方法是使用“模因生成器”类型的网站为您效劳。 如果您无法访问这些工具(或不想下载/安装它们)，则自己做​​起来并不难，生成器可以很好地工作。 让我们看看这两种方法。

用Photoshop滚动自己的模因图片 (Roll Your Own Meme Picture with Photoshop)

Don’t worry if you don’t have a copy of Photoshop on hand (or access to one at work or school). Although we’re using Photoshop to demonstrate this technique it doesn’t actually rely on any Photoshop-specific tools, and you could easily recreate the same process with GIMP or Paint.net with no problem.

如果您手边没有Photoshop副本(或在工作或学校没有时间使用)，请不要担心。 尽管我们正在使用Photoshop演示该技术，但实际上它并不依赖于任何特定于Photoshop的工具，您可以轻松地使用GIMP或Paint.net重新创建相同的过程。

The best part about the DIY method is that you retain total control over the image and you don’t need to upload it to a third-party web site. Your coworker might think your meme picture is hilarious but they might find it much less hilarious if the meme generator website you use kept their photo and now other people are using their face as part of an Internet meme. This way there is zero risk you, your coworker, or anyone else in the photo ends up as the next Bad Luck Brian.

关于DIY方法的最好之处在于，您可以完全控制图像，而无需将其上载到第三方网站。 您的同事可能会认为您的模因图片很有趣，但是如果您使用的模因生成器网站保留了他们的照片，而现在其他人正在将自己的脸用作互联网模因的一部分，他们可能会觉得它不太有趣。 这样，您，您的同事或照片中的任何其他人的零风险就会变成下一个Bad Luck Brian 。

The first step is to grab your source image and open it up in your editor of choice. For demonstration purposes we’re using this Creative Commons licensed photo courtesy of Douglas O’Brien.

第一步是获取您的源图像，然后在您选择的编辑器中将其打开。 出于演示目的，我们使用由Douglas O'Brien提供的这张由知识共享许可的照片 。

Select the text tool from the toolbar (the T icon) or press the T key to select it via keyboard shortcut.

从工具栏(T图标)中选择文本工具，或按T键通过键盘快捷键选择它。

In the text tool bar at the top of the screen, change the font to “Impact”. While you’re modifying the options also center the text justification and set the color of the text to white. The font size is entirely dependent on the size of your source image (in the screenshot above the font is set to 22pt simply because that’s what it was last set to when we used the Text tool; we’ll adjust it to fit the photo in a moment).

在屏幕顶部的文本工具栏中，将字体更改为“ Impact”。 在修改选项时，还将使文本对齐方式居中，并将文本的颜色设置为白色。 字体大小完全取决于源图像的大小(在上方的屏幕截图中，字体设置为22pt仅仅是因为这是我们使用“文字”工具时最后一次设置的设置；我们将对其进行调整以适合照片片刻)。

With the font selected, centered, and colored white, it’s time to select the text you wish to place over the image. Depending on how much text you’re including you’ll use the top of the image, the bottom of the image, or both as writing space. Regardless of whether you’re using top, bottom, or both you want to center the text. Here’s our sample text, a nod to the In Ur Base meme, laid out and adjusted for size.

选中字体，居中并用白色着色之后，就可以选择要放置在图像上的文本了。 根据要包含的文字数量，您将图像的顶部和/或图像的底部用作书写空间。 无论您使用的是顶部，底部还是同时使用两者，都希望将文本居中。 这是我们的示例文本，向In Ur Base模因致敬，并进行了布局调整。

Note that the text is all caps. The all caps bit is the traditional way to do meme text, but feel free to use regular upper/lowercase text if you’re so inclined.

请注意，文字为大写。 大写字母是制作模因文本的传统方法，但是如果您愿意，可以随意使用常规的大写/小写文本。

With the text in place we’re almost there. The final piece of the meme-making puzzle is to add the stroke element to the text. The stroke tool is found in the Blending Options menu in Photoshop (or the equivalent in photo editor).

有了文本，我们就快到了。 模因制作难题的最后一步是将笔画元素添加到文本中。 笔触工具可在Photoshop的“混合选项”菜单中找到(或在照片编辑器中找到)。

Select the text layer and then either right click and select “Blending Options” or simply double click on the layer to open the Blending Options menu.

选择文本层，然后右键单击并选择“混合选项”，或直接双击该层以打开“混合选项”菜单。

Under the Blending Options, check “Stroke” and then check the stroke options. You want 3-5 pixels for the width of the stroke for most photos (adjust as needed to create a bold but not overpowering text outline). The position should be “Outside” and the blending mode “Normal” with an opacity of 100%. The color should be, of course, black. Here’s what our picture looks like with the 5 pixel black stroke applied.

在“混合选项”下，选中“笔触”，然后检查笔触选项。 您希望大多数照片的笔划宽度为3-5个像素(根据需要进行调整，以创建粗体但不影响文字轮廓的效果)。 位置应为“外部”，混合模式为“正常”，不透明度为100％。 颜色应该是黑色。 这是应用了5像素黑色笔触后的图片。

Magnificent. The font is bold and eye catching, the text is centered and outlined in black and, most critically, our meme picture features a cat. Our work here is done.

壮丽的。 字体粗体醒目，文本居中并用黑色勾勒轮廓，最重要的是，我们的模因图片中有一只猫。 我们的工作已经完成。

使用模因发生器 (Use a Meme Generator)

If, as we mentioned above, you don’t have access to an image editor or just don’t want to deal with it, then you always have the option to use a meme generator.

如上所述，如果您没有访问图像编辑器的权限，或者只是不想使用它，那么您始终可以选择使用meme生成器。

Despite how well known it is we’re going to skip using MemeGenerator.net (one of the first and the biggest meme generators). Remember our concern in the last section that using online tools can lead to your image ending up everywhere? When you create a meme picture with MemeGenerator.net you essentially create a new meme and it is posted to the website for everyone to see. Obviously if you’re making a one-off image for your coworker that would be a terrible idea (and they may end up rightfully upset at you for putting their image online for everyone to see).

尽管众所周知，但我们将跳过使用MemeGenerator.net (第一个也是最大的meme生成器之一)。 还记得我们在上一节中对使用在线工具可能导致您的图像无处不在的关注吗？ 当使用MemeGenerator.net创建一个模因图片时，实际上是创建一个新的模因，并将其发布到网站上，以供所有人查看。 显然，如果您要为同事制作一张一次性的图片，那将是一个糟糕的主意(他们最终可能会因为将他们的图片在线显示给所有人而对您不高兴)。

Instead we’re going to use ImgFlip’s meme generator because it has express permissions for sharing and you can set a picture to private. There are two important features to note when you’re uploading an image you wish to keep private. First, when you choose a file to upload make sure to leave “Allow image to be displayed in a public directory” unchecked; second is to check the option “Private” at the bottom of the generator. See the highlighted options below.

相反，我们将使用ImgFlip的meme生成器，因为它具有共享的明确权限，并且您可以将图片设置为私有。 上传要保密的图片时，有两个重要功能需要注意。 首先，当您选择要上传的文件时，请确保未选中“允许图像在公共目录中显示”； 第二个是检查生成器底部的“私人”选项。 请参阅下面突出显示的选项。

With those two options set (sharing unchecked and private checked) upload your image. Once you add your text in you can preview it on-screen as seen below with the “Advanced Options” menu expanded.

设置了这两个选项(不选中共享和不选中共享)，上传您的图片。 一旦添加了文本，就可以在屏幕上预览文本，如下所示，展开“高级选项”菜单。

By default the generator uses Impact font, in white, with a black outline (that has a 5 pixel weight) but you can adjust those things on the fly. In the image above the white box, black box, and number seen in the gray to the right of the text adjust the font color, stroke color, and weight, respectively.

默认情况下，生成器使用白色的Impact字体，黑色轮廓(权重5像素)，但是您可以随时调整这些内容。 在白框上方的图像，黑框和文本右侧灰色中看到的数字分别调整字体颜色，笔触颜色和粗细。

You can also change the font type, maximum size, and whether or not there is a drop shadow in the advanced menu (as well as turn off the all caps styling).

您还可以更改字体类型，最大大小以及高级菜单中是否有阴影(以及关闭全部大写样式)。

If you’re comfortable with a little Photoshop action, it’s much faster to whip up a meme image in Photoshop as you can easily adjust the font, scoot things around, and otherwise tweak the image. That said, if you have no experience with Photoshop or other image editors the web-based meme generators will certainly get the job done.

如果您对Photoshop的一些操作感到满意，则在Photoshop中生成模因图像的速度会更快，因为您可以轻松地调整字体，查看周围事物或以其他方式调整图像。 就是说，如果您没有使用Photoshop或其他图像编辑器的经验，基于Web的模因生成器肯定会完成任务。

Regardless of which tool you opt to use you’ve learned a little bit about memes and a whole lot about how to make them. Have fun and resist the urge to use your new found powers for evil!

不管您选择使用哪种工具，都已经对模因学到了一些知识，以及如何模因学到了很多。 玩得开心，抵制将新发现的力量用于邪恶的冲动！

翻译自: https://www.howtogeek.com/217257/ask-htg-whats-the-font-meme-pictures-use-and-how-can-i-make-them/

如何保存meme的网页图片