图片压缩与网页设计

网页加载速度用户体验的重要部分,如果网页中包含大量的图片,往往会拖慢网页加载速度,这个时候我们就需要对图片进行压缩,并且在压缩的同时尽量的保持图片的质量。

这里的网页设计工具是指在设计网页或者开发页面时用得到的表单工具、栅格系统、UI组件等,它们可以大大加快网页开发速度。

  • 图片压缩工具
  • 网页设计工具

TinyPNG

TinyPNG是一个PNG 图片压缩优化工具,使用智能有损压缩技术(降低图片中的颜色数量),在保证图片效果的同时,可以大大降低图片的大小。

View details »

imageoptimizer

持多种不同格式图片的的优化压缩,其中包括GIF、JPG、PNG,可以从本机上传图片或者输入图片的网址来进行优化,还能在线将图片转换成不同格式。

View details »

imagereducer

支持GIF、JPG和PNG格式的图片优化,直接从本机上传或粘贴图片地址,该工具会压缩并优化成多种不同的尺寸和质量供你选择。

View details »

图好快

图片压缩在线工具,可同时批量在线处理50-5000张图片,并提供专业的国内外网站图片云加速功能,批量压缩需要收费。

View details »

智图

智图为图片智能选择合适的图片格式,支持在线jpg图片压缩,png图片压缩,并支持ps改变图片品质,简洁方便的网站,值得推荐。

View details »

Web Resizer

Web Resizer无损图片压缩,支持GIF、JPG、PNG图片格式,同时还可以调整图片大小,并提供旋转、增加亮度、边框等等效果的设置。

View details »



麦客表单

非常实用的表单工具,追踪每天表单的反馈情况,曝光率最高的嵌入式表单,最适合移动终端上传播的二维码,自动为填写表单的用户创建联系人档案。

View details »

jQuery UI

以jQuery为基础的开源JavaScript网页用户界面代码库,包含底层用户交互、动画、特效和可更换主题的可视控件,直接用它来构建具有很好交互性的web应用程序。

View details »

Frontify

用于快速创建一套漂亮而完备的风格指南,优秀的用户体验设计,让你可以很快上手,Frontify 的说明文档可以引导你实现一些更专业的内容。

View details »

Flarum

简约易用的开源论坛系统,界面简单且可以快速上手,专注于话题讨论,页面加载流畅,如果你需要一个相对简单的论坛网站的话,可以考虑Flarum。

View details »

Rucksack

一款有趣的CSS工具,基于PostCSS构建的,模块化设计,运行流畅,同许多的CSS处理工具都能很好的兼容,甚至能够同Stylus直接协同。

View details »

Lightning Design

专注于构建体验优秀的企业级APP,在这套系统的支持之下,你可以快速地对整个界面进行深度定制,保持整个界面保持高度的一致性。

View details »

GridLayout

一款轻量级的栅格系统,用以制作水平滚动或者垂直滚动的Web应用,能够兼容旧版的浏览器,适用于创建复杂的布局,整个工具只有1.5KB。

View details »

Bonsai

一款为自由设计师准备的工具,用来创建、签署和存储工作合同,并且可以协助付款、托管,目前这个签署协议的模块已经完善并且发布了。

View details »

Apostrophe

Apostrophe是一款基于Node.js 和MongoDB的内容管理系统,为你提供了灵活的工具,轻松hold住简约风/复杂风,简单易用,容易上手。

View details »

Grid.Guide

这款工具会根据最大宽度和列数来帮你计算可能的排列组合,生成对应的PNG文件,你可以直接托拽到相应的工具中使用,这款工具完全免费!

View details »

Unsplash

Unsplash.it用于网页中的图片占位符,其中所用的图片是来自于网站Unspalsh.com,这个网站提供了许多高品质的图片,非常值得收藏。

View details »

Now UI Kit

一套堪称完美的跨平台UIKit,可以用于网页设计、平板和手机的界面,包含了52个完整的设计模板、35款可以自定义的图标以及超过180个UI组件,完全免费!

View details »

Color Hunt

ColorHunt包含了一系列漂亮炫酷的色彩组合,网站会每天更新配色方案,并且根据浏览数排列出最漂亮的配色方案。如果你的审美比较特别,不妨试一下。

View details »

Wagtail

一套内容管理系统,包含了设计流程,它有一个神奇的功能:Streamfield,工作原理接近于Medium的内容编辑器,不同之处在于它更加易于定制。

View details »

Origami

一款免费的工具,用于设计现代的用户界面。它可以帮你迅速组件原型,在iPhone和iPad上运行,迭代升级,并且导出开发可用的代码。

View details »

PowerMockup

为苹果的Keynote所定制的线框图工具已经不止一款了,但是为PowerPoint设计的这类工具并不多,而PowerMockup 就是这样的一款工具。

View details »

Marvel

一款非常简单的原型工具,集成了Google Drive和Dropbox并且允许你将指定的图像组合到一起,快速制作APP原型,所制作的原型也可以快速地传递到云端

View details »


商务合作

邮箱:iCodertop@163.com
联系电话:18260067809
QQ:2378807773
欢迎有合作意向的朋友与我们联系

关注微信

扫一扫关注我们的微信,精彩不断!
微信二维码

友情链接

Linux基金会

Github

Codecademy

C++标准委员会

Pixabay