PNG和JPG哪个是网站最佳的图片格式?(译)

avatar

原文地址:www.strikingly.com/content/blo…

你有没有见过没有任何图片的网站?想象一个连一张照片都没有的网站,可能会觉得有些无聊且缺乏吸引力。但是,确实有一些网站使用了“仅文字和颜色”的网页设计。不管你信不信,这是为了强调信息,而不是用图片来吸引注意力。大多数网站都会有一个令人惊叹的背景图片和一个可爱的照片拼贴画发布在图片展示区。

 

你认为在你的网站上添加自己的原创照片怎么样?如果你喜欢摄影,那么把你的优秀作品汇编成集,并让自己感到骄傲是有道理的。假设你是一个想为优质面料开设在线商店的企业主。是时候向你的客户展示你的库存了。无论建立网站的目的是什么,图片都在让你的网站变得生动起来方面发挥着重要作用

 

有人问过你用什么图片格式上传网站照片吗?网站编辑部分接受哪些照片文件类型

 

除非你是专业的网页设计师或接受过相关培训,否则你不会真的关心这些技术问题。但是,我们为什么需要了解最适合网络的图片格式?png 和 jpg 哪个更好,或者 png 和 gif 哪个更好?这些图片文件类型各有什么特点?有很多关于图片格式的知识需要学习,它们会影响你网站上传的图片质量。了解图片格式后,下次添加图片时你就知道该怎么做了。

 

图像文件类型有哪些?

关于哪种图片格式适合你的网页的问题也取决于你的关注点。你是否关心透明度、存储空间、分辨率、动画等?

• PNG or ( P ortable N etwork G raphics)

当透明度是你的关注点之一时,PNG 就是适合你的图片格式。在其他的栅格照片文件类型中,PNG 支持透明度。如果你正在处理一个需要进行一些编辑工作的更复杂的图像,那么 PNG 就是最好的选择。PNG 的一个良好特性是“无损”,或者说你实际上可以在这种图片格式上进行编辑而不会损失图片的质量。

 

如果你正在寻找一种网络质量的图片格式,可以在透明背景上保存带有更多颜色的图像,那么 PNG 就是其中常用且最好的选择之一。但请注意,PNG 的文件大小可能会比 JPEG 格式大,所以在选择 PNG 之前,请检查你的存储空间。

• JPG, JP E G or ( J oint P hotographic E xperts ****Group)

其实你可以选择 JPG 或 JPEG 格式,它们是一样的,只是 JPEG 是完整写法,JPG 是缩写版。JPG 是最流行的图片格式之一,JPG 图片格式最好的地方在于它占用的存储空间很小。你会惊讶于 JPG 图片在文件中上传或下载的速度之快和简单之至。JPG 非常适合网站图片和社交媒体照片。JPG 支持数百万种颜色,非常适合作为网站的背景图片、产品照片和照片画廊中的照片。

• GIF (Graphics Interchange Format)

GIF 图片格式首先要了解的就是它的动画功能。当你在社交媒体帖子和评论区看到人们对某件事情做出反应时,你可能会经常看到 GIF。你知道 GIF 在 1987 年就开始流行起来了吗?和 JPG 一样,GIF 也是一种“无损”的图片格式。这种图片文件格式也因为其动画效果而非常受欢迎和强大。带有 GIF 的网页会显得更加生动和交互性强。

• BMP ( Bitmap File)

与 JPG 和 PNG 不同,BMP 文件不是一种广泛使用的格式,而只在网络应用程序的特殊情况下使用。这种格式在网页浏览器中很少得到支持,因此最好不要将其用于你的网站素材。BMP 文件的大小可能会比上面提到的常用图片格式更大。

Strikingly网站编辑器支持哪些图像格式?

Strikingly 网站编辑器支持 jpg、png 和 gif 格式的图片。当你在编辑模式下时,只需点击“添加图片”按钮,它就会给你提供拖放文件、从电脑中浏览或键入链接地址以从网络上上传的选项。

 

通常,我们支持的文件类型包括 txt、pdf、doc、xls、ppt、pages、key、numbers、wps、jpg、png、gif、mp3、mp4、wav、flac、m4a、docx、xlsx、pptx、odt、odp、epub、zip、zipx、7z、rar。如果你的文件类型不在上述列表中,你可以将其转换为 zip 或 rar 文件。请记住,文件大小应小于 10MB,并且每个计划都有存储限制,如下所示:

  1. 限量计划 - 1GB
  2. 专业计划 - 3GB
  3. VIP 计划 - 10GB

 

 

只需添加你的原始照片,或从 Strikingly 的库和库存图片中选择,用作你的背景图片。你有三种背景选择——可以添加图片、视频或模块。使用 Strikingly,构建你的个人或企业网站简直易如反掌。只需几分钟,你就可以将最近的旅行照片上传到你的画廊中。

Strikingly的用户网站创意

图片取自Rosa Villa网站

 

Rosa Villa 是一个使用 Strikingly 构建的工艺品网站。所使用的图片背景是一张展示实际工艺品制作过程的照片。这是一种非常有效的策略,可以将你的爱好转化为商业机会。你可以看到这张图片背景中的颜色非常鲜艳。你认为网站所有者使用了哪种图片格式来上传这张照片?你认为它是 PNG 还是 JPG?只有构建这个网站的人才能告诉你这些信息。

 

图片取自Zinzi Colonna Photographe网站

 

对于像 Zinzi Colonna Photographe 这样的摄影网站来说,图片格式是一个大问题。重要的是要有高质量的照片,具有高分辨率且没有像素化的图像。在“Cabinet de curiosite(s)”部分设置的这张照片拼贴布局在透明背景上看起来非常专业。如果你正在向网站添加图片,拥有一个干净或透明的背景是很有帮助的。透明的背景可以强调图片,并在颜色方面增加更多质量。你可能还会问,上传这些照片所使用的图片格式是什么。你知道智能手机和数码相机使用 JPG 格式来保存你的照片吗?当然,当你将其传输到计算机时,你仍然可以将其转换为不同的图片格式。下次你在网上商店添加更多产品或决定使用 Strikingly 建立一个投资组合网站时,请记住这一点。

 

 

你现在意识到,你用来上传照片的图片格式类型对图片的外观有很大影响。JPG、PNG 和 GIF 根据你所追求的不同方面都有其独特的品质。你可能担心的是存储空间、透明度或动画效果,这就是为什么你选择特定的图片格式。

 

有些人可能看不出这些图片文件类型之间的区别,但了解这些的人却非常细致。你不能责怪他们因为上传到网站的照片而关注文件大小、图像分辨率和网站的整体质量。这对于像在线商店这样的电子商务网站来说尤其如此。商店的产品应该吸引客户的兴趣。某个产品的图像质量差可能会增加你的销售量。显示高分辨率图像和完整的规格以吸引更多买家是很重要的。

 

你在网站上放置的元素,如图像和内容,是需要仔细呈现的重要因素。当你认为你最近发布在网站上的博客内容缺乏某种质量时,你会想办法改进它。可能的话,更改图像以使其对你的受众更具吸引力。顺便说一句,你可以使用 Strikingly 网站编辑器快速轻松地编辑你的图像。

 

与世界分享你捕捉到的瞬间。将图片添加到你的网站,并吸引更多访问者到你的页面。好的视觉图像和效果可以帮助你的网站获得更多的流量。现在,你能想象看一个没有任何图片只有纯文本的网站吗?真的,盯着一张白纸看会让你昏昏欲睡。通过高质量的图片娱乐你的观众,让你的网站脱颖而出。Strikingly 拥有多个模板、用户网站和布局设计,你可以简单选择以创建自己的网站。