Photoshop如何优化图片后在浏览器里更快打开显示

   很多做淘宝的朋友都遇到过,别人发的淘宝图片显示很快,而自己做的显示特别慢,如果网速慢的话,根本打不开,直接影响了店铺生意,现在教大家Photoshop如何优化图片后在浏览器里更快打开显示的方法,希望能对大家有所帮助!


  工具/原料

  Photoshop

  方法/步骤

  1、首先,我们下载安装Photoshop,然后选择一张需要优化的照片,点击“文件”→“打开”(也可以按快捷键Ctrl+O),今年是羊年嘛,小编选了一张喜庆的图片,祝大家羊年吉祥。大家可以仔细看一下图片尺寸为1024*569。


  2、下来,我们选择将图片存储为Web所用格式,点击“文件”→“存储为Web所用格式(快捷键为Alt+Shift+Ctrl+S)”,现在我们在观察到图片的大小已经是189.8K(以前为284K),尺寸没有变化,再仔细看看,如果用下载速度为56.6Kbps的话,需要35秒。


  3、选择旁边的小三角,当我们把速度改为768Kbps的话,发现仅需要3秒了。


  4、还可以使用更改图片的品质让浏览速度更快,比如说我们现在将图片的品质变为30的话,发现仅需要2秒了,图片的大小也变成了89.86K,尺寸没变化。


  5、最后,我们点击存储就完成了,接下来,我们就可以将优化的照片上传到淘宝等网页上,再次打开看看,是否显示的速度更快了呢?


  以上就是Photoshop如何优化图片后在浏览器里更快打开显示的方法介绍,希望能对大家有所帮助!

分类:

  • PS入门教程
时间: 2024-08-02 19:40:00

Photoshop如何优化图片后在浏览器里更快打开显示的相关文章

Windows系统重装后如何使电脑更快?

  一.合理使用硬盘 何为合理使用硬盘呢?首先我们要了解硬盘盘片的物理结构.分区并格式化后的硬盘却是以扇区为基本单位的,一个分区是由若干个扇区构成的.那什么是扇区呢?我们都知道磁盘在工作时是转动的,它所存储的信息是按一系列同心圆记录在其表面上的,每一个同心圆称为一个磁道.一个扇区的大小为512字节,一个整圆环为一个磁道,一个磁道上有若干个扇区,所以我们不难看出,越靠外的磁道上的单个扇区其体积越大,换句话就是其密度越小,由于硬盘是机械传动,所以磁头对其的寻找.读.写速度也就越快,分区的分布也是从外

搜狗高速浏览器如何更快访问其他网段

 搜狗独家提供全网加速功能,能全方位提升网通.电信.教育网之间的互访速度.开启全网加速的方法:点击浏览器右下角状态栏的"火箭"图标即可,如图所示.  为全网加速启动状态,   为全网加速关闭状态.

photoshop保存图片时图片压缩技巧分享

给各位photoshop软件的使用者们来分享一下保存图片时图片压缩技巧. 技巧分享: 最近在做webapp,发现产品图的大小无论怎么压缩都还是有20-30KB,这样的大小在搜索列表页可不是个小数目.经我们的后台提醒,说京东上有一张产品图 220*220px-96dpi-6.62KB~~为了一探究竟,我做了如下实验! 在前端网页中,关于产品图和banner图的压缩,有一个总体的结论: 1.实物图倾向用jpg/jpeg格式; 2.具备较大亮度差异及强烈对比的图像倾向于png格式.   注:本文章最后

在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路_javascript技巧

作为一个标准的绝顶的懒人,我想做一个测试工具,可以同时把所有浏览器的测试结果都显示在一个浏览器窗口里,并且列成清晰的表格,便于比较. 这一定会是一个可爱的工具,节省时间不说,而且可以清晰的记录和比较数据.下面说一下我的思路.(之后我将使用这个工具测试一个js的兼容性问题,敬请关注) 本工具已经制作完成,但是不具通用性,需要和后台配合使用,需要和数据库交互,而且后台交互的性能不太好,普通的电脑无法承受(我的3GHZ的cpu,2G内存都不能直接打开多个浏览器窗口,可能是我数据库的操作过于频繁).虽然

如何获取设置图片大小以适应大小在页面上显示

显示|页面 大家知道,丰富多彩的Web页面离不开图片的支持,图像一方面增加了网页的生动性,另一方面增加了网页规模,使下载速度减慢.如何让一图片能以适当大小在页面上显示,成了我一时解不开的谜. 前不久,我为单位开发了一个教学科研网站,采用新闻管理系统,首页上新闻栏目中,需要从数据库中调用图片文件作为图片新闻中的图片,从而形成文字绕排形式.由于整个系统包括新闻上传.新闻编辑.系统公告等都是动态实现的.在开发的过程中,我考虑到以下几个因素:(1)作为网站的维护者,对计算机的操作不太熟练:(2)网站讲究

360安全浏览器-更快的网页下载速度

  360安全浏览器在浏览的各个方面进行优化以提高浏览速度,它比IE等同类浏览器具有更快的下载速度,这需要您自己的使用体验. 从技术上讲,大致有如下几个重要的环节进行了浏览优化: 1.扁平的模块封装,减少代码环节,节省CPU占用 2.特别为浏览器优化的OLE容器,减少不必要的接口和处理过程,节省CPU占用 3.独特的ActiveX控件自动安装过滤,停止浏览器自动下载控件的过程,节省网络带宽 4.增强的页面元素黑名单过滤,不同于标准接口的一般实现方法,在增强速度的同时,不影响界面美观,过滤掉的元素

优化JS和CSS更快地下载网页图片

文章简介:我关注JS和CSS的重点也是如何能够更快地下载图片.图片是用户可以直观看到的.他们并不会关注JS和CSS.确实,JS和CSS会影响图片内容的展示,尤其是会影响图片的展示方式(比如图片轮播,CSS背景图和媒体查询).但是我认为JS和CSS只是展示图片的方式.在页面加载的过程 我的大部分性能优化工作都集中在JavaScript和CSS上,从早期的Move Scripts to the Bottom和Put Stylesheets at the Top规则.为了强调这些规则的重要性,我甚至说

Photoshop功能优化方法分享

通用 让我们从一些通用小提示开始吧,无论你使用PS做什么,这都会有益于你的工作效率. 文件的大小和尺寸 工作中我使用最多的文件格式是PSD,为保证图像的兼容性,Adobe对PSD文件的大小限定为最大2G. 如果PS开始变慢,文件大小就是第一件值得去检查的事儿.小主太胖了,会跑不动的,要及时注意小主的体重哟! 如果你的应用每一屏都在同一个psd里,文件大小可以快速地确立,尤其是你开始添加图层组合的时候.Photoshop CC 14.2版本以来,我们更多地应用"链接到智能对象"这个功能.

网页设计中优化图片的6大技巧

  例如,在网页设计中更常使用基于像素或栅格的文件格式,诸如JPG.GIF或PNG.相反,在平面设计领域像logo这样的图形可能会用到不同尺寸,因此使用最多的格式则是EPS和AI这样的矢量格式.然而,用于网页的矢量格式,如SVG或HTML5 Canvas则不能广泛应用,也不会被所有浏览器所支持. 另外,用于web端的图形有基于它们自身的相关处理方式.其中一条便是你要时刻注意文件的大小,因为你需要使你的网页加载越快越好.作为一名网页设计师,你应当尽量减少HTTP对图像的请求次数--无论通过减少图片