loading.io 是一个在线动画生成与资源平台,口号为“Animation Made Easy.”。它提供 Ajax Loader、Animated Icons、Live Background 等资源的制作,支持导出为 GIF / SVG / APNG / CSS / LOTTIE / MP4 等多种格式。平台致力于让动画制作变得简单,用户无需担心复杂的时间轴操作,即可快速自定义并生成自己的动画。
主要功能
- 图标库动画:从
loading.io 的图标库中选择任意图标并进行动画处理。
- 上传自有图片:上传用户自己的图片(支持 PNG、JPG、GIF 等栅格格式或 SVG 矢量格式)并进行动画制作。
- 文字动画:使用自带文字生成器,支持 800+ 字体与多种样式预设,在数秒内制作独特的文字动画。
- 在线编辑器参数:提供调色板(多色开关)、尺寸、圆角、进度条宽度/高度/数量、半径、颜色与透明、速度、背景随机种子、像素比(Retina)、边缘平滑、GIF 全局调色板、自动 SVG 尺寸、Alpha 钳制、帧率等详细配置项。
- 多种下载格式:可下载为 GIF、SVG、PNG 等,或保存为资产(Asset);也支持 Lottie 格式用于移动端与 Web 应用。
- 无需 JavaScript:动画 SVG 被现代浏览器原生支持;针对旧浏览器(如 IE)提供 GIF 与 PNG 序列帧方案。
- 附加工具与资源:包括 Upload Editor、Pure CSS Spinner、Ajax Spinner、Animated Icons、Loading Pattern、Loading Background、Loading Text、Loading Bar、loading.css、transition.css、Loading Buttons、Loading Buttons Generator、Flexbox Generator、Random Color Palette Generator,以及开源项目等。
适用场景
- 网页与应用的加载提示:生成 Ajax 加载器(spinner / preloader),指示页面或应用的加载状态。
- 界面元素动画:为图标、文字、按钮、进度条添加动画效果,提升交互体验。
- 背景与图案:获取可无缝重复的动画 SVG 图案或全尺寸动态背景,用于项目美术设计。
- 跨平台动画使用:通过 SVG、GIF、CSS、Lottie 等格式,在网站、Web 框架及移动应用中灵活嵌入动画。
- 快速原型与样式生成:利用 Flexbox Generator、Random Color Palette Generator 等辅助工具,快速产出 CSS 代码与配色方案。
其他特性
- 资源可动画且可定制:图标、图案、文字默认均可动画化和自定义,配置可保存在平台供日后使用。
- 矢量图像优化:基于无损 SVG 格式,兼顾画质与体积;依资源类型另提供 PNG、GIF、CSS 下载。
- 按成本计费:高级功能与内容提供订阅或一次性购买,含 7 天退款保证与友好取消政策。
- Lottie 支持:图标、文字与 spinner 动画可生成 Lottie 格式,便于程序化控制。
- 许可说明:静态图标依
loading.io BY 许可发布;部分 spinner 在预加载画廊中免费,更多内容需查看定价。