热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

分享网页相关好用小工具

一、图标资源iconfont阿里的图标库。thenounproject图标收集工具,除了丰富的图标以外,还可以帮你收集收集整理精美的图形插画,功能强大,方便使用。iconmonstr收录了3

一、 图标资源

iconfont   

阿里的图标库。

thenounproject

图标收集工具,除了丰富的图标以外,还可以帮你收集收集整理精美的图形插画,功能强大,方便使用。

 

iconmonstr

收录了3486多个精美图标。

WEB项目中常用的图标站了,除了可以直接下载图标以外,还可以下载图标字体,方便你使用,甚至可以直接引入CSS文件。

icons8

共收集25500个免费图标,每个图标都有五种样式,下载格式多种多样,PNG SVG或者字体形式。

iconfinder

这个网站收录了超过100万个图标,虽然一部分图标收费,但是整体质量非常高,同时也有超多的免费图标分享。

androidicons

免费开源的Android开发者图标,包含在5种尺寸250自由图标和14种颜色,以及其自己的图标的字体。

下载图标集

 

iconninja

这个网站收录了超过90万个图标,此外,Icon Ninja 还能将你选取的所有图示合并为单张PNG 图,利用CSS Sprites 处理技巧应用于网站以提高载入速度,内建的CSS Sprites 功能把多个图示组合到单一图片里的画面,开发者无须自行拼凑图片,直接在线上就能完成前置作业。

 

toicon

大部分图标都是32PX,虽然图标资源有限,但整组的图标设计比较美。

easyicon

个人最常用的图标库,简单的搜索界面,支持中英文检索,内含图标资源多。

flaticon

这个网站收录了20多万的图标。

二、图片素材

wallions

免费桌面下载网站,提供优质壁纸。(https://www.flickr.com/photos/wallions)

pexels

在pexels所有照片对于任何个人和商业用途都是免费的。

streetwill

unsplash

freenaturestock

免费的自然风景照片。

 

zoommyapp

zoommy帮助你为你的创意产品或灵感找到很棒的免费照片。超过5万张从50个来源获得的授权照片资源。 

Visual Hunt

Visual Hunt收录了大量免费图片,号称超过三亿张,其中有一万多张是以 CC0 授权的高质量图片,无论用于个人或商业开发皆可。

Visual Hunt 除了让你免费下载相片素材外,也能产生 Embed 也就是內嵌语法,让你快速把相片用于线上展示。当你想把相片使用在自己的网站上,但又不想浪费流量、自己托管图片,可以点选「Embed」来开放这项工具,简单设定后点选「Get The Code」即可取得程序代码。

freepik

提供免费的矢量、PSD、图片等资源。

pixbay

免费的高质量的图片下载,超过82万张免费照片、载体及艺术插图。

 

Sozai-Page

 以日本食物食材为主题的免费图库,純白背景高清晰度图片,无需注册即可下载并且可商用。

 

 

三、字体资源

Fontsup

提供118053个免费字体下载。

WhatFontIs

WhatFontIs:在线图片字体识别工具是一款可以查找图片上字体的工具,上传一张带有文字的图片后,改工具会自动查找图片上面说使用的字体,与查字体的网站类似。支持Firefox和Chrome浏览器的扩展插件。

WhatFontis是一个在线的智能字体识别工具,你只要把文字截图上传,它会和所有字体样式进行对比,从而告诉你最接近的字体名字,不仅如此,你还可以下载到这个字体。 

四、视频影音素材

Pixabay Free Videos

Free High Quality Videos以免费影片影音资源为主,现收录的影片数量已经查过3000条,每日更新,还有一些原创高质量的影片,使用者无需注册即可自由下载使用也可商业应用。

 

 

 

五、位图与矢量图转换类工具

位图(Vector Graphics)又称为栅栏图或点阵图。矢量图(Bitmap)又称为向量图。

一般使用者日常遇到的图片格式以点阵图居多,例如:PNG、BMP或JPEG,在点阵图以外还有另一种格式那就是向量图(或称矢量图),这两种格式最大差异在于向量图不是基于像素,而是透过点、直线或者多边形等基于数学方程式的几何图元来构成图像,因此在编辑旋转或调整大小时不会失真,在设计标志或图案时经常用到。

Online Image Vectorizer

Online Image Vectorizer是一款免费线上点阵图转向量图工具,操作方法很简单,就跟一般转档工具差不多,而且无须注册就能使用,只要将转换的原始图片上传,利用内建选项来调整到你认为最满意的状态,一键就能获取向量图SVG。

 

Vector Magic

Vector Magic是一款非常强大的免费线上向量图转档工具,选择要转换的点阵图档(JPG、PNG或GIF)就能自动描绘,转成可任意放大缩小而不会失真的向量图格式(EPS、SVG和PDF)。

  

7. 其他资源

brand-colors

打开brand-colors网页即可快速查询1100+种颜色的参数,可用于css取色。

validator

标记验证服务,检查web文档的标记有效性。 

niudana

设计学习参考。

TinyJPG

智能的JPEG和PNG压缩。在JPEG与PNG图片文件大小的同时,又保持了原图的高质量。


推荐阅读
  • Cookie学习小结
    Cookie学习小结 ... [详细]
  • 深入解析HTML5字符集属性:charset与defaultCharset
    本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset,帮助开发者更好地理解和应用这些属性,以确保网页在不同环境下的正确显示。 ... [详细]
  • 浏览器作为我们日常不可或缺的软件工具,其背后的运作机制却鲜为人知。本文将深入探讨浏览器内核及其版本的演变历程,帮助读者更好地理解这一关键技术组件,揭示其内部运作的奥秘。 ... [详细]
  • 使用 Firefox Developer Edition 70.0 数日后,体验令人满意 ... [详细]
  • 如何高效利用Hackbar插件提升网页调试效率
    通过合理利用Hackbar插件,可以显著提升网页调试的效率。本文介绍了如何获取并使用未包含收费功能的2.1.3版本,以确保在不升级到最新2.2.2版本的情况下,依然能够高效进行网页调试。此外,文章还提供了详细的使用技巧和常见问题解决方案,帮助开发者更好地掌握这一工具。 ... [详细]
  • 七款高效编辑器与笔记工具推荐:KindEditor自动换行功能解析
    本文推荐了七款高效的编辑器与笔记工具,并详细解析了KindEditor的自动换行功能。其中,轻笔记QingBiJi是一款完全免费的记事本软件,用户可以通过其简洁的界面和强大的功能轻松记录和管理日常事务。此外,该软件还支持多平台同步,确保用户在不同设备间无缝切换。 ... [详细]
  • CSS中的pointer-events属性详解与应用
    在CSS中,`pointer-events`属性是一个非常实用但常被忽视的功能。它主要用于控制元素是否响应鼠标事件。当一个元素覆盖在其他元素之上时,通过设置`pointer-events`属性,可以决定该元素是否能够接收鼠标点击、悬停等交互操作,从而实现更灵活的用户界面设计。例如,将`pointer-events`设置为`none`可以使元素透明地传递鼠标事件,方便实现复杂的叠加效果和交互逻辑。 ... [详细]
  • 深入RTOS实践,面对原子操作提问竟感困惑
    在实时操作系统(RTOS)的实践中,尽管已经积累了丰富的经验,但在面对原子操作的具体问题时,仍感到困惑。本文将深入探讨RTOS中的原子操作机制,分析其在多任务环境下的重要性和实现方式,并结合实际案例解析常见的问题及解决方案,帮助读者更好地理解和应用这一关键技术。 ... [详细]
  • HTML5 Web存储技术是许多开发者青睐本地应用程序的重要原因之一,因为它能够实现在客户端本地存储数据。HTML5通过引入Web Storage API,使得Web应用程序能够在浏览器中高效地存储数据,从而提升了应用的性能和用户体验。相较于传统的Cookie机制,Web Storage不仅提供了更大的存储容量,还简化了数据管理和访问的方式。本文将从基础概念、关键技术到实际应用,全面解析HTML5 Web存储技术,帮助读者深入了解其工作原理和应用场景。 ... [详细]
  • 在Vite项目优化过程中,通过使用rollup-plugin-visualizer插件,可以有效地对Rollup打包结果进行可视化分析,帮助开发者清晰地了解各个模块的占用情况,从而进行更有针对性的优化。此外,结合其他常用插件,如vite-plugin-compression和vite-plugin-inspect,可以进一步提升项目的性能和可维护性。 ... [详细]
  • 本文详细介绍了 Java 网站开发的相关资源和步骤,包括常用网站、开发环境和框架选择。 ... [详细]
  • 微信小程序详解:概念、功能与优势
    微信公众平台近期向200位开发者发送了小程序的内测邀请。许多人对微信小程序的概念还不是很清楚。本文将详细介绍微信小程序的定义、功能及其独特优势。 ... [详细]
  • 本文探讨了如何通过检测浏览器类型来动态加载特定的npm包,从而优化前端性能。具体而言,仅在用户使用Edge浏览器时加载相关包,以提升页面加载速度和整体用户体验。此外,文章还介绍了实现这一目标的技术细节和最佳实践,包括使用User-Agent字符串进行浏览器识别、条件加载策略以及性能监控方法。 ... [详细]
  • 为了实现跨浏览器兼容的禁用文本选择功能,可以通过在全局CSS样式中定义一个特定的类来禁止用户选中文本。具体做法是在全局样式表中添加一个名为 `.no-select` 的类,并在需要禁用文本选择的元素上应用该类。这样可以确保在不同浏览器中都能达到一致的效果。此外,还可以结合JavaScript进一步增强用户体验,例如在某些交互场景下动态启用或禁用文本选择功能。 ... [详细]
  • 软件测试工程师必备:全面解析Web应用的浏览器兼容性测试方法与工具
    随着市场上浏览器种类的不断增多,特别是在平板和移动设备上的普及,确保网站在各种浏览器中都能正常运行变得尤为重要。本文将深入探讨Web应用的浏览器兼容性测试方法与工具,帮助软件测试工程师全面掌握这一关键技能,以提高应用的用户体验和可靠性。 ... [详细]
author-avatar
前方体育538
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有