作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在。

LaunchList

站点发布前的工作清单，预设了28个需要检查的事项，也可以自定义。同类工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。

Pencil Project: Sketching and Prototyping with Firefox

一个开源 GUI 原型设计工具。

Zootool

一个非常漂亮的书签工具，可以将你收集的各种素材，图片，文档，链接，视频等在线组织到一起。

Bounce （推荐）

输入一个站点地址，该程序会给该站点截图，然后，你可以在上面批注，加评论，并和朋友分享。非常适合用来和您的客户在线就某个站点的设计进行讨论。

Ninite Batch Installer

这个站点可以将很多免费的流行软件（最好的版本）打包在一起，一次性安装到你的机器，支持 Windows7，Vista 和 XP。

Support Details （强烈推荐）

假如你想让你的用户提供他/她所使用的浏览器环境，比如 Flash 版本，操作系统，屏幕分辨率，Cookie，JavaScript 状态等，可以让他/她访问一下这个站点，这个站点或自动将这些内容探测出来，并允许用户现场通过邮件将报告发送给你。

MugTug’s Darkroom

一个在线图片处理程序，可以调整对比度，白平衡，曝光，饱和度等，可以从 Picasa 及 Flickr 上传图片，同类产品：Pixlr 及 Sumo Paint。

Visual Website Optimizer （强烈推荐）

Visual Website Optimizer 绝对是你所能见到的最好的 A/B 测试工具。

Keyonary

这个简单的在线工具可以帮你列出 Mac OS X， Photoshop 等工具的快捷键清单。

gridr buildrrr

一个在线网格设计工具，选择你希望使用的网格布局，帮你预览并生成 CSS 代码。

Instant Blueprint – Create a web project framework in seconds.

帮你瞬间生成一个 Web 项目框架，基于合法 HTML/XHTML 和 CSS。

Hummingbird

一个实时的（真正的实时，每秒刷新20次）站点流量分析工具，基于 Node.js.

jsFiddle

在线 Web 编辑器，支持 JavaScript, MooTools, jQuery, Prototype, YUI, Glow, Dojo, HTML 以及 CSS。

String: create a multi-language website or app

帮你创建多语种 Web 应用的资源文件，

Titanpad

可以多人同时编辑同一个文档，别的改动会实时以不同颜色标识，可以是同一个办公室的多个用户，也可以是地球另一边的多个用户。

Pixelnovel Timeline: Version Control for Adobe Photoshop

该工具通过插件方式集成 Subversion 客户端，可以在 Photoshop 中实现版本控制。非免费工具。

0to255

给出一种颜色，会帮你列出这种颜色由浅入深的各种颜色变化，并特别针对 Web 做了优化。

Load Impact: Website load/stress test

一个在线压力测试工具，模拟多用户同时访问你的站点，并出具报告以分析你的站点可以支撑的访问者数量。

Ideone: Online IDE & Debugging Tool

一个在线 IDE 和调试工具，支持多达40种语言，包括 C++, Java, JavaScript, Perl, PHP, Python and Ruby，同类产品：PHP Anywhere 以及 CodeRun 。

Online Dummy Image Generator

快速帮你生成一个在线虚拟图片，以便您进行某些测试。

HiFi RegExp Tool

在线正则表达式工具。

Tableizer （推荐）

将你 Excel 表格中的内容复制粘贴到这个站点，它会帮你生成 HTML 格式的表格（HTML Table）。

FollowUpThen: Easy Email Reminder

-假如你希望有人提醒你什么时候该做什么事，你可以给比如 1day@followupthen.com 一类的地址发个邮件，1day 表示一天后，这样，一天后，你会收到他们的提醒邮件，1day 可以改成人和别的时间间隔。

Divine: Conversion tool from PSD to HTML

这个工具是一个 Photoshop 插件，可以将你的 PSD 转换成 WordPress 主题。（译者：有待验证）

Kaleido

为你的代码创建视觉化标识。来自麻省理工。

Sketchpad

一个强大的在线图像编辑器。难能可贵的是，这是基于 HTML5 的。

Unicode code converter

虽然界面有些乱，但这个工具能把一段文字转换成各种编码形式。

Grid System Generator

另一个网格设计生成器。

ud.com namecheck （强烈推荐）

这个看似简单的工具，可以帮你查询某个名字是否还可以注册域名，商标，已经社会媒体网络入口。

Typograph — Scale & Rhythm

这个工具可以帮你即时预览各种不同的 Web 排版效果，并生成代码。

ColorBrewer Intro – Selecting Good Color Schemes for Maps

适用于地图的配色工具。

CSS Inliner Tool （推荐）

将独立的 CSS 定义转换为 Inline CSS。假如你使用电子邮件进行营销，会发现这种工具非常实用，因为邮件客户端常常会将你独立的 CSS 代码过滤掉，而 Inline CSS 不会被过滤。

HTML Purifier – Filter your HTML the standards-compliant way!

这个使用 PHP 设计的工具，可以对你的 HTML 代码进行过滤，去除其中的恶意代码，并按 W3C 标准对代码进行净化。

Rendera

在线编写 HTML5 和 CSS 代码，现场看到效果。

RegExr

又一个在线学习，体验，测试正则表单式的地方。

try ruby! (in your browser)

Ruby 在线体验。

Google Command Line

使用命令符访问 Google 的一些产品和服务。

Tiny Fluid Grid

又一个网格设计工具，很小巧。

Fonolo.com

这个很别致的站点，可以帮你快速接通那些大公司的免费技术电话，不过目前只能用于美国和加拿大。

Producteev: Creating To-Do Lists with Emails （推荐）

把重要的工作安排发到 task@producteev.com，他们会帮你生成一个任务列表，以便安排你的日程。

AddUse – User research made easy

一个在线用户测试或调查管理工具。

bookwhen （推荐）

帮助你的用户在线预订你的展会，课程等服务，免费版支持150个项目以及每月300个预订。

中文翻译: COMSHARP CMS 专栏

英文原文: 50 Powerful Time-Savers For Web Designers

本文为各位介绍10个非常实用的在线图片编辑应用网站，可能多数情况下我们还是在默默地使用本地软件PS、 FW等图片处理软件，进行常用图片的处理编辑，不过对于这些在线图片处理应用还是会在某些情况下发挥它应有的作用吧。

1. Pixlr Editor

这个根据看起来和 Photoshop 非常相似，容易使用，你可以创建新的图片，也可以从本地上传一张图片，抑或是使用一个URL网络图片地址获取图片进行在线编辑。

2. Picnik

Picnik 可以让你的图片更加漂亮，而且使用操作也是非常的方便简单，上手很容易。

3. Sumopaint

Sumo Paint 有类似于Photoshop软件的操作界面，非常便于用户在线进行图片编辑。

4. FotoFlexer

FotoFlexer 是非常值得推荐的在线图片编辑网站，看看网站布局就知道他的功能是非常吸引人的。

5. Aviary – Phoenix

Aviary’s Phoenix 功能很不错，特色是基于层的在线图片编辑网站。

6. Splashup

Splashup 是唯一一个功能非常完善并且免费程度最大的在线编辑工具，你可以在线编辑自己的图片，也可以在这里创建一个新的图片并编辑它，是一个不可多得的好网站。

7. Pixenate

Pixenate 是一个非常好的在线图片编辑工具，帮助你更容易地处理图片。

8. piZap

piZap.com 也是一个免费的在线图片编辑网站，你可以上传自己的照片，并在这里享受”PS”的乐趣，最后把你的作品下载到自己的电脑里。

9. Phixr

这个网站需要登录后才可以使用图片在线编辑功能。

10. Photoshop

Photoshop.com 可以帮助你在线分享、编辑、存储图片（最多2GB）。

via: Top 10 Online Image Editor

多种文件格式互相转换的在线工具越来越多，这里推荐如下：

1) Zamzar.com – 在线文件转换中的一个快速而便捷的方式。不需要注册，转换完的文件回到您的电子邮件里面。

2) Media-Convert – 这个网站包括在线文件转换，提供了非常多的选择。提供本地文件的转换，转换一个URL的文件 ，档案托管，网站截图和转换的文件发送到移动。它还提供了一系列牛逼的设置。

3) Youconvertit – 您可以转换各种媒体文件包括档案。允许您选择一个以上的文件的同时进行转换。 可以转换视频文件

视频文件转换

4) Vixy – 本网站包含一个在线FLV转换器。它允许你转换Flash视频或FLV文件到MPEG4格式（ AVI/MOV/MP4/MP3/3GP ）。是一个开源的应用。

5) Converttube – 它允许你直接下载视频从互联网到手机，电脑， iPod和PSP 。它还提供各种选择的输出格式的文件。

6) Vidtomp3 – 这个在线工具可以转换视频，音乐视频，Mega 视频， MySpace的视频，谷歌视频或YouTube视频成MP3格式。

7) Cellsea – 在线视频转换工具，转换视频文件所需要的格式。
Media Converter -一种基于Web的视频转换工具，支持从YouTube上的文件直接转换 。此工具还可以帮助上传媒体文件到门户网站。

9) Movavi -这个在线视频转换工具可以转换多个文件。文件大小上限允许100 MB。此工具可以合并所有的视频文件到一个大的视频。

图像文件转换

10) Converticon – 可以转换到ICO，PNG GIF和JPEG格式，提供以更好的质量PNG或ICO文件。界面简单易用。

11) Vector Magic – 本网站转换位图到矢量图，使用自动跟踪软件。支持剪切和打印。

12) ConvertICO – 转换ICO到PNG或者从PNG到ICO ，可以通过网址转换或者上传转换。

13) Image Converter – 姜丝推荐这个，任意图片格式到任意图片格式，支持 bmp, dib, epi, eps, gif, jpc, jpeg, pcd, pcx, pdb, pgm, pict, png, tga等.

14) Image Optimizer – 任意图片格式到任意图片格式，并支持优化，让图片加载更快，文件最大支持300k

PDF文件转转

15) Expresspdf – 把网页文件、doc文档、excel文档转换成PDF。转换完发邮箱。很怀疑是否能用

16) Pdfonline – 可以合并两个PDF文件、doc文件，可以转换DOC到PDF、PDF到word、网页到PDF ，还可以再iphone上使用。

17) Pdftoword – 转换PDF到DOC或者RTF，可以完美的转换图形。

18) Htm2pdf – 轻松一点，网页变成PDF，有两个选项，一个是网页内容转换，一个是网页源代码转换

19) Neevia – 可以在线生成一个PDf文件或者image文件，最大支持1M。

20) Freepdfconvert – 网页、图片、word文档、openoffice文档转换PDF，并编辑，简单快速

21) Kinati to PDF converter – 可以转换任意格式的文档，最大支持15M，姜丝推荐。

22) Lettos – 从 DOC, XLS和PPT转换到 PDF 格式。

23) Pdf-O-Matic – 转换网页到pdf. 速度不错。

24) PDF4u – 转换word、ppt到只支持30k的文件。

25) Primo Online –在线转换文档和图片到PDF，支持300种格式（号称），转换完发邮箱。支持中文。

26) PS to PDF Converter – 转换ps（photoshop）文件到PDf

27) RSS2PDF Converter -可以转换RSS文件、网页到pdf.

28) Text2Pdf – 转换TXT到pdf，可以支持很长的文本。Oops!!!!了

–p.s pdf转换大多不支持中文。。。这个貌似也是一直以来的问题。php的pdf类库，支持中文也不好。

原文：http://www.ctoof.com/archives/2611

国外的在线表单应用已经很成熟，它给一般用户用于创建各式各样的在线表单，并可以轻轻松松地嵌入到自己的网站应用中去。在国外，类似的应用很少很少，而且很大程度上没有得到用户的认同，我想应该是跟国外网站应用的“更新”过快有关的，很多网站都是在年内上线年内下线，给用户产生了不可靠的心理压力，这些说来话长，还是让我们欣赏下这10多个优秀的在线表单服务网站吧，设计也非常的好。

1. Wufoo

2. FormSpring

3. Icebrrg

4. Visitorcontact

5. Formsite

6. Google Docs

7. PHPform

8. Kontactr

9. Jotform

10. Frevvo

11. Formlogix

via: 11 Websites To Create Contact Forms

SimilarSites.com 是一个有意思的在线应用网站，帮助你找到和自己网站内容相似的站点。在SimilarSites 首页输入你的网站网址，点击“Find Similar Sites” 即可显示和你搜索的网站内容相似的网络列表了。

虽然在SimilarSites的搜索结果并不是全部都100%准确，但是多数搜索结果还是非常贴切的。

另外，SimilarSites 还有一个姊妹站，用来搜索相似网页：SimilarWeb 。

1, Tersus 是一款基于 AJAX 的在线绘图工具，支持手绘以及任意图表的制作，可以方便的创建各类流程图、线路图、思维脑图等等，便于用户说明自己的意图、想法。有意思的是，网站还可以根据你设定的流程图，进行模拟化执行，得出相应的结果供用户参考。

2, Gliffy支持中文，是一个提供在线制作流程图服务的网站。Gliffy界面很友好，能够很好的支持中文，支持拖拽，提供了很多流程图实体（包括历程示意部分，人机界面，网络等等）可供选择，基本满足常用的需要。操作也很简单，很容易上手。还支持支持协同编辑，可以直接导入Microsoft Visio、Adobe Illustrator、Macromedia Freehand等进行编辑。

3, Draw Anywhere与Gliffy一样，可称得上是在线版的Visio，一个流程图制工具。它提供了大量的图形元素，可方便制作出进程图、软件框架图、组织机构图等一系列图形，并提供导出到PDF、另存为GIF等多种图片格式，另外协同合作功能还处于开发状态中。

4, Flowchart功能很强大，提供很多流程图模板和形象图标，你也可以上传做好的图标在流程图中使用。保存格式为 PDF 或者 PNG 。方便我们用其它软件来进行再处理。它也支持协同操作思想。目前该服务处于BETA内测阶段，还未对外开放。不过你可以在其主页上留下信息申请邀请，相信很快可以得到注册机会。

5, Best4C定位是一款画图与搜图工具，它基本能满足你的各类画图需求。例如，家居设计图、流程图、办公布局图、网络分布图等。中文界面，不妨试试。

6, IcebergOnDemand 可以在线绘制流程图，还可以制作表格、日常报表、日历进程安排等。它目前仍处于封闭测试阶段，如果感兴趣你可以看一看下面的视频。

7, Onlinecharttool是一款功能强大基于数值的在线作图工具，也就是说可以实现Excel软件的做图功能，并且提供了很好的可定制性。

８, Chartle走简单路线的在线图表制作，可轻松制作出各种不同样式的图表，可直接发布分享。不需要注册直接即可使用，没有专业知识的要求，简单的选择图表类型、设置标题颜色等、填入相关数据即可轻松制作出各种不同样式的图表，并可以直接发布分享，支持代码输出。

9, Lovelycharts 提供功能强大的在线图表制作，Lovelycharts提供便捷的制作过程，主要有两大功能：Drag/Drop和Create/Connect。Drag/Drop 提供用户从各大系列备用元素库中选用图标，并在区域内拖拉至合适位置；Create/Connect 提供用户用箭头、线条等组建个元素间的关系，完成图表。

10, Richchartlive是一个功能强大的提供在线制作Flash图表的在线工具，和之前介绍的 LovelyCharts，Onlinecharttool相比，RichchartLive可以制作更加个性化的动态图表，RichchartLive制作的Flash图标可以以动画的效果来展示图标效果，制作的 Flash图标可以对图标的格式和各种参数进行，并且制作的图表可以导出为Flash，或者直接发布到PPT或者直接发布到网站或者Blog进行分享。

11, Graphwise是一个提供利用现有数据进行在线图表生成和相应图表搜索服务的网站。Graphwise提供的搜索服务主要是搜索网络上与数据有关的文件，然后以图表的形式展现出来，或者是搜索Graphwise用户制作的相关图表。即一个以图表为核心的搜索功能。从搜索的图片结果来看，很多图片还是很漂亮的，还有一些是三维的图表，能够很形象的对数据进行说明。你还可以按照不同的渠道订阅相应的图表内容。

12, iCharts 又一个类似的功能强大的在线交互式Flash图标服务。iChart目前不接受个人用户注册，不过用户可以直接引用其上面提供的Flash图表。

13, Diychart是一个非常不错的免费在线图表制作服务网站，提供了很多的图标样式，只需要输入数据，设置好相应的参数便可以作出精美的图片。

14, Tablefy （www.tablefy.com）是一个允许用户在线创作比较的对照列表的在线服务，并且能够加入比较的元素也大大增加，例如图片、视频等等。

15, Blist是一个很棒的在线分享你的网络列表的服务，除了完全可以自定义的列表自定义功能，表格属性定义，还支持在线协作编辑，支持导出列表到Google Spreadsheet。

在进行网站设计的时候，你是否会因为色彩的搭配而苦恼过，那么为何不先用这些免费的在线色彩调试工具，把可能的色调风格搭配好呢？这里有20个优秀的实用在线色彩搭配工具，帮助你更快速更合理地完成设计的配色。

这20个在线配色工具功能强大，操作简单，能满足日常设计配色的功能需求，或许在你的手里，它们不只是一个在线配色工具那么简单了。

ColorLovers

ColoRotate

Color Scheme Designer

Color Schemer Online

ColorExplorer

ColorBlender

ColorToy

ColorJack

KrazyDad

Kuler

Neteffect

4096 Color Wheel

ColorMixers

ColorCombos

Iamcal

Color Palette Creator

The Man in Blue

Color Blender

Color Hunter

前端开发人员最头疼的，莫过于形形色色的浏览器间的兼容性问题。每天绞尽脑汁地为这些本不应该存在的东西费尽心思。由于各个浏览器内核及解析方式的不同，使得相同的前端代码不能实现相同的效果。所以，培养良好标准的代码编写习惯的同时，熟练掌握浏览器兼容性测试的常用工具也是必需的了。这里是网络上传播较多的13个不同操作系统中各色浏览器兼容性测试的软件工具。

HTML和CSS验证

首先让我们先看一看检查验证HTML与CSS的方法。我应该说到的是由于我在MAC上工作，会略微偏向于MAC。不要担心，仍然有许多平台独立解决方案的。

除了验证你的文件以外,你也应该很好的格式化自己的代码”HTML/CSS格式化实例与提示“是有关此类主题的文章。

1. W3C 验证 – HTML

可能大多数人都知道在线的W3C验证服务你可以通过链接地址进行验证，或者是上传文件或者直接提交代码。有很多的验证选项，尽管很多时间你不真的需要他们。

2. W3C 验证 – CSS

你很可能知道W3C的也有一个CSS校验服务。与HTML验证服务一样，这个CSS版本更多的选择，并允许在必要时通过的URI验证，文件上传和直接提交代码。

3. [Firefox] 网页开发工具条

The Web Developer toolbar extension for Firefox的网页开发工具条非常受欢迎，拥有很多非常棒个的功能，附加了很棒的HTML与CSS验证工具，你可以快速的对当前浏览的本地文件网站进行验证。他会发送URI或者文件到W3C，并在新的选项页里面显示验证结果。

你也可以打开“验证显示页面”来快速查看HTML和CSS的验证信息，无需再打开新的标签页面。假如你在开发一个项目非常有帮助。不仅仅是HTML与CSS你也可以验证更多的选项。

4. [独立的浏览器] W3C Validator Favelets

我使用Safari浏览器作为我的主要网络浏览器，但是Firefox已经宠坏了我，它拥有强大的扩展选择，如网络开发工具栏和Firebug。 Safari浏览器的Web Inspector，一个类似Firebug的工具，但不能进行文件验证。

涵盖几乎任何主要浏览器验证HTML和CSS的快速和轻松的方法是使用favelets 。 Favelets是通过JavaScript增加额外的功能的书签片段。 W3C的提供了几种验证favelets，我经常使用的是Safari 。

5. 你的开发编辑器

大多数的编辑器提供少许的验证工具。目前我使用的编辑器Coda和CSSEdit都提供验证工具。

6. 验证 S.A.C.

如果您需要迅速验证大量的文件，在最喜爱的编辑器或通过浏览器打开所有文件是痛苦的事情。这个应用会让这个过程快速而且简单。

S.A.C验证器是OS X的单机应用程序，可以使用favelet验证HTML文件（with W3C），拖放或者通过URL的或仅仅是应用程序的文件> 打开。我用的是拖放方法尤其频繁。

验证的一些想法

虽然验证是非常重要的，不过它只是一种工具，以帮助确保您的代码达到标准和接近完美。如果您使用的是一些新的网络技术，它可能无法验证，这并不意味着你不应该使用它。创新的问世往往是打破了规则。

尽管如此，如果需要提交的模板进行销售，请确保所有的文件验证后提交。如果有由于CSS3这样的验证错误，只需要在后面的说明中注明。

浏览器兼容测试

如果每个人都只使用最新版本的Firefox或Safari浏览器，浏览器的测试将是一件轻而易举的事。还是让我们面对现实吧，这是不会发生，我们未来几年都将会与Internet Explorer的问题做斗争（不只是IE6） 。

以下是一些我常用的和一些我不用的工具，测试Internet Explorer，Safari，Firefox和其他浏览器的兼容性。

当前的IE, Firefox 与 Safari

很明显，如果你在使用的Windows，目前肯定安装了例如Firefox 3.5 ， Safari4 ， Opera和Internet Explorer等浏览器。

7. 老版本的Firefox

如果需要测试的旧版本Firefox。这里有几个我认为最简单的方法可以做到这一点。

• Windows: Standalone Firefox (older versions) via Portableapps.com
• Mac: MultiFirefox 2.0

Portableapps在Windows上作为单独的应用软件运行Firefox，因此没有必要安装，也不会干扰到当前安装的Firefox。

Mac下的MultiFirefox 2.0，可以让你运行不同版本的Firefox，并管理不同的账户。

你可以访问 http://releases.mozilla.org/pub/mozilla.org/firefox/releases/ 下载其他版本

8.老版本的Safari

不幸的是，基于Windows的Web开发人员，我没有测试多个版本的Safari浏览器的简单解决办法。对Mac用户来说，这是个不错的独立版本的Safari浏览器收集，Michel Fortin提供。

9 & 10. 老版本的Internet Explorer

在Mac下交互测试IE是不轻松的，所以我安装了虚拟机运行XP安装了IETester，这个产品可以帮助你在Windows XP, Vista 和 7下测试IE从5.5开始的各个版本。

每隔一段时间我都会在IETester中发现一个古怪的问题,我不能确定是不是在原版本的IE6或7中是存在。所以我也使用Internet Explorer Collection安装了独立版本的IE6, 7 和 8。

快照服务

假如你不需要在这些浏览器中与你的网站实际互动，你还可以使用多种浏览器的快照服务，这将只显示网站在各种各样的浏览器中的图像效果。

11. Adobe BrowserLab

Adobe最近放出一个新的名叫BrowserLab的服务，它可以通过网站的网址让你看到不同浏览器下的不同效果。快速，免费，你可以进行两个不同浏览器版本的浏览效果进行对比。

12. Browsershots.org

Browsershots.org 与Adobe BrowserLab有着相同想法，但是也有很多的不同之处。你可以在更多的平台上设置更多的选项例如屏幕大小，颜色深度，JS，flash等，来测试更多的浏览器效果。服务的趋势在下降，因为速度有点慢（有的时候太慢了），几乎没有很好的UI.

13. Browsercam

如果你没有读到”25个设计师必不可少的网络服务“, 那你应该去读一下。你会发现有很多很棒的服务，Browsercam 就是我在其中发现的。

Browsercam也可以做基础的浏览效果截图，但是进一步使用别的功能和快速显示需要付费，然而我没有再次使用。

最后的一些想法

现在你拥有了一些在Windows和Mac中验证和测试工作的的方法。如果你要提交模板到Theme Fores，你现在没有验证错误或者浏览器不兼容的接口了吧。大多数我审查拒绝的模板，都是由于浏览器验证错误和浏览器兼容问题而造成的，需要在提交前修正这些问题。

内容出处不详，如果是你的原创文章，请留下你的文章地址，会及时补上。

想不费吹灰之力制作需要的Web背景图片？选择在线制作工具来为你完成这些工作吧。在网络中有很多优质的在线背景图片制作网站可以为我们提供这样的免费服务，你只需要选择好需要的素材，点击鼠标就OK了，其余的工作就让这些在线工具为你搞定吧。

Tiled backgrounds designer

URL : http://bgpatterns.com/

Stripe Generator

URL :http://www.stripegenerator.com/

Dotted Background Generator

URL :http://www.pixelknete.de/dotter/index.php

Striped Backgrounds

URL : http://stripedbgs.com/

Tartan Maker

URL : http://www.tartanmaker.com/ VIA:5 Online Background Generator Tools

在如今的Web设计中，图片的应用是必不可少的，为了更好地设计网站效果，大体积的图片被越来越多地应用到Web设计中来，所以，更好地优化图片文件，减少图片文件的体积就变的非常重要，这里为大家介绍的几款图片压缩工具，都是在线应用，无需在本地安装，你要做的就是记住网址就够了。

1. Smush.it

Smush.it被称之为图像“压榨机”，是雅虎的Yahoo Exceptional Performance Team开发出的一个网络应用，旨在帮助网站优化图片，提高站点速度。是非常流行的无损压缩工具。

官方网站：http://www.smushit.com/

2. PunyPNG

punypng是一个免费的图片压缩工具，更适合设计师和前端开发人员，它可以大大的减小图像文件的大小（ 支持JPG, GIF ，8/24 bit PNGs），将其转换成高压缩的图像。如果你的网站有大量的图片，使用它可以大大减少网页加载的时间。

官方网站：http://gracepointafterfive.com/punypng

3. SiteReportCard

同样是一款优秀的图片在线压缩工具，支持URL网络图片和本地上传图片。支持文件格式有GIF、JPG、PNG。

官方网站：http://sitereportcard.com/imagereducer.php

4. Dynamic Drive

dynamicDrive也是一个免费的在线图片优化压缩工具网站，支持GIF、JPG、PNG。等格式的图片。除了优化的功能，也提供简单的格式转换，上传图片的大小限制300K之内。