我刚开始那会，真是被Photoshop CS5这个导出图片的功能搞得焦头烂额。那时候我刚从老家出来，想自己搞点副业，就学人家开了个网店，卖点自己设计的小玩意儿。这图片就是商品的脸面，你东西再图糊了，谁信你呀？
我那时候用PS费了好大劲才把图修得漂漂亮亮的，颜色也调得舒服，构图也想了半天。结果？高高兴兴导出，一上传到网店，好家伙，不是模糊得像是老电视机拍的，就是文件大得要死，顾客点开半天都加载不出来。有一次，一个潜在的大单子，客户就因为我的图片加载慢，在聊天窗口问了半天没加载出来，直接走人了。我当时气得，恨不得把电脑砸了！
那晚上我躺床上翻来覆去睡不着，心想，不能这样下去，这饭碗都快保不住了！从那以后，我就下定决心，非得把PSCS5导出图片这块给彻底弄明白不可。
最开始的时候，我就是个小白，不懂这些门道。觉得PS里图片明明很清晰，怎么导出来就变样了？我就傻乎乎地去用“文件”下面的“另存为”功能。点进去一看，格式选JPEG，质量有个滑块，我寻思着质量肯定越高越就直接拉到12，也就是最大了。结果？一张图片几十兆，上传一张图等半天，网店那点空间也顶不住。
后来发现文件太大了不行，我就开始把质量往下拉，拉到8，甚至6。文件是小了，但是图片也肉眼可见的糊了，细节全没了，颜色也感觉有点怪怪的。顾客看了，肯定觉得东西没质感，这不行！
再后来听一个懂行的朋友随口提了一句，说你应该去用“存储为Web和设备所用格式”那个选项。我一听，还有这功能？赶紧打开PS，找到“文件”菜单，往下拉，果然看到了“存储为Web和设备所用格式”这个选项。点进去一看，哇塞，这界面跟“另存为”完全不一样，好多密密麻麻的选项，什么PNG-8，PNG-24，JPEG，GIF，还有什么优化，品质，预设什么的，眼都看花了。
我当时真是两眼一抹黑，不懂就瞎点。我试着选PNG-8，导出来发现图片颜色变得很奇怪，而且透明背景都变成白色了。我又试PNG-24，透明背景是有了，但文件又变得很大。还是回到了JPEG，但问题是，这里面的质量设置跟“另存为”又不一样了，而且还有个“优化”选项。
我那时候真的是没办法了，想着既然已经跌了这么大跟头，就再好好研究研究。我就拿出我那个网店的产品图，一张图，我就在“存储为Web和设备所用格式”里面，每次只改一个参数，然后导出，再上传到我的一个测试网页上，用不同的电脑和手机去看，去对比。
来来回回折腾了好几天，我终于发现了一套对付PSCS5导出图片，尤其是网上用图，最好的设置，简直是屡试不爽！
就是这个套路，你跟着我一步步来：
-
第一步：在导出之前，先把你的图片修尺寸大概定下来。 我一般在开始修图前，如果知道最终图片要用在哪里，比如网店需要1000像素的边长，我就会先在PS里，点“图像”菜单下的“图像大小”，把长边或者宽边先调整到我需要的尺寸，比如1000像素。这个很重要，因为你在大图上修的细节，在缩小之后，看起来会更清晰。记住，分辨率一般保持在72像素/英寸就行，这是网页图常用的。
-
第二步：关键来了！去“文件”菜单，然后找到“存储为Web和设备所用格式”。 千万别再去“另存为”了，那个一般是留着给别人传源文件或者打样用的，普通用户导出高清图，它真不是首选。
-
第三步：在新弹出来的窗口里，先看右上角的下拉菜单，选择“JPEG”格式。 这是我们平时网上用图最常用的格式。如果你的图片需要透明背景，比如你设计的一个logo，那你就选“PNG-24”。“PNG-8”颜色少，我一般不用，容易让图片颜色失真。
-
第四步：设置“质量”！这是重中之重！ 右边有个“品质”滑块，旁边有个0-100的数字框。我一般会把这个质量设置在“70-80”这个区间。很多新手以为质量拉到100最不然。你拉到100导出来，文件巨大无比，加载慢，但肉眼看上去，跟80的图片几乎没什么区别。所以70-80是兼顾了文件大小和肉眼高清的最佳平衡点。如果你是做印刷，或者对图片要求特别高，那就拉到90甚至100。
-
第五步：勾上“优化”和“嵌入颜色配置文件”。 “优化”这个选项，你勾上它，能在不怎么影响画质的情况下，让文件大小再小一点点，何乐而不为？至于“嵌入颜色配置文件”这个东西，我记得是让图片在不同的显示器上看颜色更准更一致，虽然具体原理我不是很懂，但勾上总是没错的，能避免色差问题。
-
第六步：检查图片大小和加载速度。 在“存储为Web”那个界面的左下角，它会显示你当前设置下，导出的预计文件大小和在不同网速下的加载时间。你可以在这里多对比一下，比如我把质量从70调到80，看看文件大了多少，加载时间有没有明显变长。通过这个对比，你就能找到最适合自己需求的平衡点。
-
第七步：所有设置都确认好之后，点击右下角的“存储”按钮，选择你要保存的位置，就大功告成了！
你看，真没那么玄乎。我就是靠着这个方法，把我小店的商品图都搞得清清楚楚、明明白白的，顾客的反馈也好了很多，再也没人抱怨图片糊或者加载慢了。刚开始觉得Photoshop导出个图都这么复杂，差点没把我逼疯，后来才发现，它功能多，就得花心思去琢磨，去试验。我现在导出高清图，那是手到擒来，速度贼快。就这么点事儿，分享给大家，希望能帮到一样被PSCS5导出图片搞得头大的朋友们。
