专注用户体验设计与开发
商务合作
- 邮箱:2528823962@qq.com
- 手机:180 6652 8545
- 座机: 029-8619-5145
- 地址:陕西省西安市未央元朔路明丰伯马都A座10820室
网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司
陕ICP备2023001199号
英文外贸网站上的图片尺寸该如何处理和规范呢,外贸网站制作好之后就是给网站填充素材和内容了,这是网站建设好之后的必经的一个环节,但是好多人在建设网站初期准备了好多的素材,但是对素材的没有进行详细的处理,比如图片尺寸的大小,以及图片的大小等等,结果上传到英文网站上之后,结果网站被撑的高低不一,大小不一样的情况,其实出现这样的问题,有两种解决办法,一种就是通过网站代码进行规范网站上的图片尺寸,另外一种就是提前处理好图片的大小,最后上传到网站上就整齐的多了,接下来我们详细的听听外贸网页制作公司的技术是怎么处理这个问题的。
独立站图片的尺寸啊,乱七八糟的该怎么处理啊?如何来修改图片上图片的尺寸,这里说的是修改尺寸。因为很多时候,我们图片有的是网上下载的,有的是这个手机拍摄的,有的是供应商给你发的图片尺寸的规格很多。所以说呢在使用的时候啊会遇到一些问题。那么我们如何去修改呢?首先啊这里比如说我们你看这是四张图片,如果说它都作为我们的产品的一个分辨图片,那什么叫分辨图片?打开一个示例给大家看一下啊,比如说以我们透明的这个例啊,我把其他几个页面关掉,就是在这里我们产品部的这个产品分面,大家看到没有?这个面面啊都是这个叫四百,应该是五百乘五百的一个尺寸,这样看起来就比较整齐规整。那如果说你的图片是这样子的,有高啊,有啊,那这里呢就会啊参差不齐,看起来比较奇怪,对吧?包括这个我们点开产品啊,干式分类这个产品,看这个图片的话啊,都是很棒的,可能是五百三百五或者五百乘四百这样一尺寸。那如果说尺寸都是分别的,尺寸都是一样的,看起来就比较规整啊。如果说你的图片啊有高有低,那么页面看起来就这个有问题。那我们如何去把图片处理成这样子的,那这个视频我希望用最简单的方法来教会你使用的软件呢就是这个photoshop。我们把图片这个最简单的就是我们点中图片把它直接拖进来啊就可以了。如果说你是新手的话,可以选择里这个打开,然后再去选我们对应的图片啊就可以了,我们来操作一下。因为他很多新手不了解啊,这里先找到我们这个对应的图片。然后比如说我们可以把几个都打开,就鼠标拖住全选就可以了。然后右下角这里有个打开,那这个图片我们看啊,那一二三四就全部打开了。打开呢很多人他修改图片,比如说这个图片它是竖着的。很多人啊比如说想把它修改成一个五百,我们说的啊五百乘四百的一个这个比例,我们都以五百乘四百这个比例来做今天的演示啊。新手的话可能就是按照这个图像有图像大小点开修改之后啊,很多老这个地方,这个超链这个链条它它默认是松开的。很多人呢就是这样啊,比如说改成。五百上面输入五百高度呢四百,然后就点确定。那么现在问题就来了,大家看到没有?这个尺寸是对的。但是呢很想想它的这个变形了,对吧?所以说这里呢最关键的一步就是什么呢?我们再返回一下啊,我们再修改图片视线,先进行一个裁剪工作。就这里啊有一个这个裁剪工具,我们点完之后在这里有一个比例啊。比例的话我们在前面输入一个五,因为五百乘四百万,那么这里后面就是四,看到没有输入啊,五比四之后,那么这个图片它就会这个呈现五比四的区域。这个白色呢是我们截取之后的这个灰色,就是呃被剪掉的,我们可以直接双击,也可以点击这个这个对号啊。如果说你觉得这个不理,你,也可以给他啊,这样多一点或者放小一点。你在拖拽过程中呢,它都是按照啊比例不会变的。因为我们限制了一个比例,或者拽到合适区域之后呢,比如说我们把产品放在中间,对吧?然后个时候点这个勾号,或者直接双击这样的就完成了一个比例的一个同比例的一个裁剪。这个时候我们在这个图里面图像大小我们输入五百,呃,要把这个点链条点上啊,大部分输入五百的时候,下面的自动就是五百,下面的高度就自动变成了一个四百。那这样呢它就是一个就五百乘四百的一个这比例了,你看也是很清晰的。就是这样一张图片的话,我们在网上看到一张图片,如果是分辨图片的话,这么大小就足够了。这么处理完之后呢,第一呢就比较整齐,其次的话变小了。然后客户打开速度也比较快。这个时候呢我们直接在点文件里面有一个这个储存或者快捷键control加s点一下啊,确定就可以了。然后把它关掉,我们再打开啊这个地方来看,那它就是分辨率就是五百乘四百,就是这样一张图片的。它大小呢也只有三十,kb很小了啊。然后我们再来看下一张图片,现在我们继续处理。第二个啊,就是很多人他拍的照片容易成这样,就是拍的照片呢容易是这种竖版的。所以说我们也是一样点击这个啊,把这里调成五比四之后,我们可以这样啊拖动拖动到合适的区域,然后双击。那这张图片我们就可以使用它了。点b点这个图像的大小啊,你可以调整五百,也可以调成六百,对吧?但是它的比例都是一样的,就是只要比一致的话,下呢这个在这个地方。这个地方比如说你是五百乘四百,然后这是一千乘八百,它的比例都是五比四。在这里呈现出来的,这个样子也是一样的,这个就处理好了,我们把它关掉啊。然后再看第三个,第三个其实和第二个一样,我们直接双击这个就好了啊啊,关掉啊。这个图片呢是正方形的,这里有一个特殊情况什么?比如说当你图正方形的,你会发现这个无论怎么裁剪啊,你的产品都会被裁掉一些。那你又不想你的图片产品被裁掉一些,怎么选呢?我们先在裁剪之前呢,我们需要这个点一下,这个这地方有个颜色盘啊,我们点点后面这个背景色。前面的话它是那个前景色,背景色选完之后,我们这里有一个识别器,我们直接点这个地方,然后确定。你看这里呢就会变成这个色。比如说我们在这里点确定它也会变成色。我们识别它只这个适用于这个方法,只适用于纯色的啊。我们点一下白色之后,然后我们再来点裁剪工具,它显示五比四对吧?我们我们直接点左下角这样拖一下,然后点击右上角啊,也这样把它放大一点,看到没有,这样的图片,它就会把拓展出去。拓展出去的颜色呢,它就是使用我们的背景色,就是看不出区别。然后这个我们这样五比四剪裁之后的话,就是能够让我们的图片然后出现在就是能够让我们的这个产品实物啊出现在正中间,然后呢又不会被裁剪掉这样子。然后我们再给它调整一下这个大小。比如说啊五百,它就自动五百乘四百,然后给它保存啊,关闭就可以了。再来看看这几张图片啊,这样这几张图片跟我们刚开始就不一样。这个图片呢就是整体化一个的,这个呢是目前呃我接触到的,或者说我经过长期实践的,应该是最简单的能够啊快速的把我们图片的尺寸都修剪成同一样的尺寸的。包括它用途很多,这里除了分面图片,还有就是点开了相册图片。
专注用户体验设计与开发
网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司
陕ICP备2023001199号