Preloaders.net 是一个面向网站和应用的加载动画资源与在线生成工具。它提供用于表示后台加载过程的 Loading GIF、SVG 和 APNG 动画,覆盖加载旋转图标、水平进度条、动画文字以及多种主题样式。项目提供超过1000种动画,并按18个类别整理;除直接下载现成素材外,用户还可以在网页中打开生成器,修改动画颜色、尺寸、播放速度、帧数等选项,制作自己的预加载动画。大多数加载图像提供 GIF、APNG 和 SVG 三种格式,全部加载图标可供个人和商业用途使用,但重新分发需要注明项目来源。
核心功能
多类别加载动画库
Preloaders.net 将动画拆分为18个类别,包含 Circular、Horizontal、3D、Astronomy、Flags、Letters & Numbers、People & Animals、Science、Social、Weather 等。用户可以按照视觉主题或动画形态浏览素材,例如旋转加载图标、水平条、动画文字、旗帜、人物动物和科学主题动画。页面还展示了各类别的数量,例如 Circular 类别有209项、3D类别有85项、Cryptocurrency类别有52项。
GIF、SVG 与 APNG 格式
官网首页明确提供 GIF、SVG 和 APNG 格式下载。大多数非3D图像同时提供这三种格式,用户可以根据项目需要选择输出形式。官网说明,SVG 和 CSS 格式具有可按任意尺寸缩放、文件字节数相对较小的特点;APNG 则是针对 GIF 局限出现的动画PNG格式,目前已获得大多数主流浏览器支持,但文件字节数仍可能较大。
在线动画生成器
项目的主要功能之一是生成器表单。用户点击想要的动画后,可以直接在网站内修改自定义图像颜色、尺寸、动画速度、帧数和其他高级选项,从而生成符合自身需求的加载动画,而不必只使用页面中的默认样式。页面还支持按是否提供 SVG 等选项进行筛选,方便缩小素材选择范围。
免费下载与使用许可
官网标注加载动画可免费下载,页面中的多个素材均显示为“Free”。所有加载图标均可用于个人和商业用途;不过,重新分发这些素材时需要引用该项目。这个许可说明适用于加载图标本身,不能延伸到官网没有明确说明的其他使用方式。
可购买源文件
多数动画带有“add to cart”按钮,面向需要进一步编辑的用户提供对应动画的源文件。官网列出的源文件格式包括 Adobe Photoshop 的 PSD 和 3DS Max 的 MAX,适用于希望对相应动画进行高级使用的场景。源文件购买与普通动画下载是分开的,页面同时保留免费动画下载选项。
CSS 加载动画子项目
Preloaders.net 还提供另一个子项目,用于加载动画的 CSS 格式。官网将 CSS 加载动画作为独立入口列出,因此除了 GIF、SVG 和 APNG 素材外,用户还可以访问该子项目获取 CSS 形式的加载动画。
使用方式
这是一个通过网页浏览和操作的加载动画资源库。用户可以按类别浏览动画,点击具体动画后使用生成器调整颜色、尺寸、动画速度、帧数及其他选项,再选择可用格式下载。官网正文没有提到必须注册账号、需要自备模型密钥、提供 API 或命令行工具;页面明确列出的输出形式包括 GIF、SVG、APNG,另有独立的 CSS 加载动画子项目。
适用人群与场景
网站和应用开发者可以使用这些动画表示 AJAX 应用或其他后台加载过程。网页设计师可以按 Circular、Horizontal、3D、Letters & Numbers 等类别挑选与界面风格相符的加载图标。需要品牌化或主题化视觉效果的用户,可以通过生成器调整颜色、尺寸、速度和帧数。需要继续编辑三维或图像源文件的用户,则可以查看带有“add to cart”按钮的动画并购买 PSD 或 MAX 源文件。
定价
官网标注加载动画可免费下载,页面中的动画显示为“Free”,并说明所有加载图标均可用于个人和商业用途。多数动画的 PSD 或 3DS Max 源文件另有购买入口;正文没有给出源文件的具体价格。重新分发免费加载图标时需要引用 Preloaders.net 项目。
注意事项
免费加载图标的重新分发需要注明项目来源。官网说明 APNG 虽已获得大多数主流浏览器支持,但由于文件字节数相较其他格式可能更大,因此选择格式时需要考虑浏览器支持和文件大小。并非所有动画都明确提供全部格式,官网仅说明大多数非3D图像提供 GIF、APNG 和 SVG。