将照片或图形转换为缩略图

简单的课程

照片和图形使用很多服务器空间。 这可能会使网页加载速度变慢。 你有一个选择是使用你的照片缩略图。 缩略图是相同图片的较小版本。 从它链接到原始图片。

当你使用缩略图时,你可以在一个页面上放置更多的图形。 您的读者可以从页面上的所有图形中选择并选择他们想要查看的图片。

创建缩略图并不难,而且实际上并不需要很长时间。 您需要做的第一件事是下载照片或图形编辑程序。 我使用Irfan View。 它免费且使用简单。 它不像Paint Shop Pro或Photoshop那样全面,但足以调整大小,剪裁和改变颜色的外观。

我将使用Irfan View来学习这节课。 如果您正在使用其他程序,说明并没有太大的不同。

你要做的第一件事是打开你想调整大小的图像。 点击“文件”,“打开”,在计算机上找到该图像,然后点击“打开”按钮。

在图像编辑程序中打开图像后,您可以裁剪图像或调整图像大小。 裁剪是当你的图像比你想使用的更多时,你会做什么。 假设你有一张你和另一个人的照片,但你只想和你一起使用这部分,并切断另一个人,那就是裁剪。

要裁剪它,你首先需要选择你想要保留的区域。 将鼠标光标放置在您想要保留的区域的一个角落,按住鼠标按钮并将光标拖到该区域的对角。 当你这样做的时候,你会看到在该区域周围创建的一条线,当你完成时会在该区域周围形成一个薄边。

现在点击“编辑”,“剪裁选择”。 您选择的区域将被保留,图片的其余部分将会消失。 如果你喜欢你所看到的,你会希望在这一点上保存图像,所以你不会意外关闭程序并丢失裁剪。 如果你不喜欢它,点击“编辑”,“撤消”,它会马上恢复到裁剪之前的状态。

如果你想从图片中剪下一些东西,你可以使用“剪切”功能来做到这一点。 您也可以使用“将文字插入选择”在此处为图片添加文字。 这两个功能都在“编辑”菜单下。 请记住,在您进行更改后保存图片,以免失去工作。

现在创建我们的缩略图。 点击“图像”,“调整大小/重新采样”。 会弹出一个框让您调整图像大小。 您可以选择按高度和宽度或按百分比调整图像大小。 例如,您可以放置​​50个像素的宽度,或者您可以将图像放大至原始大小的10%。 如果您要创建缩略图以用作照片库,我建议您尝试使所有图片的尺寸接近相同,以便它们更适合制作漂亮的直排或列。

如果图像在调整大小时似乎已经失去了一些清晰度,则可以使用“图像”菜单中的“锐化”功能。 调整大小后保存图像时,请确保使用“另存为”功能,而不是“保存”功能。 你会想给它一个不同但相似的名字。 如果你只是保存它,它会覆盖你的旧图像,你会失去原来的。 如果您的原始文件被称为“picture.jpg”,那么您可以调用缩略图“picture_th.jpg”。

如果您的托管服务没有文件上传程序来帮助您轻松地将页面和图形上传到您的网站,那么您将需要有一个FTP客户端来上传它们。 您使用的托管服务应该提供您需要放入FTP客户端的设置,以便您可以上传文件。

我建议将图形或照片上传到名为“图形”或“照片”的文件夹,以便将它们与您的页面分开,以便在需要时可以更轻松地找到它们。 我喜欢使用不同的文件夹来组织页面和图形。 让您的网站保持整洁,因此您可以快速找到所需的任何内容,因此您无需在需要某些内容时梳理出很长的文件列表。

您还需要将缩略图上传到您的托管服务。 考虑把它放在一个单独的文件夹中,可能被称为“缩略图”。

现在你将需要你的图形的地址。 例如:假设您在Geocities中托管您的网站,并且您的用户名称是“mysite”。 您的主图形位于名为“graphics”的文件夹中,并命名为“graphics.jpg”。 缩略图被称为“thumbnail.jpg”,并位于名为“缩略图”的文件夹中。 您的图片的地址为http://www.geocities.com/mysite/graphics/graphics.jpg ,缩略图的地址为http://www.geocities.com/mysite/thumbnail/thumbnail.jpg

您现在需要做的就是将缩略图的链接添加到您的页面,并从缩略图中添加指向图形的链接。 一些托管服务提供相册。 您只需按照指示将照片添加到网页即可。

如果你喜欢用HTML来创建你的相册,你仍然不必从头开始。 改为使用相册模板。 然后,您只需添加链接即可拥有相册。

如果您只是链接到图形本身,以便主图形将显示在您的页面上,那么您需要使用的代码是:

图片文字

在代码中看到graphic.jpg的地方,您可以将其更改为http://www.geocities.com/mysite/graphics/graphics.jpg,或者您可以使用看起来像这样的简短形式/graphics/graphics.jpg 。 然后改变图片文字的位置,使其在图片下方显示。

如果您打算使用缩略图并从那里链接到图形,那么您将使用的代码会有所不同:

你在哪里看到http://address_of_graphic.gif你添加你的缩略图的地址。 您在http://address_of_page.com看到的地方添加了图形的地址。 您的页面会显示缩略图,但会直接链接到您的图形。 当有人点击图片的缩略图时,他们将被带到原件。

现在,您可以链接到一页上的更多图形,而不会导致服务器陷入停滞,从而导致页面加载速度变慢。 这不是您创建相册的唯一选择,但它确实为您提供了将大量图片添加到一个页面的方式,因此用户不必点击页面和照片页面即可。 他们还可以选择他们想要以常规尺寸看到的照片,而不是如果他们不希望看到所有照片。