《响应式Web图形设计》一7.3 管理Web图像文件

简介:

本节书摘来异步社区《响应式Web图形设计》一书中的第7章,第7.3节,作者: 【美】Christopher Schmitt 译者: 曾斌 责编: 赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。

7.3 管理Web图像文件

响应式Web图形设计
为图像命名的时候,要明确命名的目的。下面是关于命名的6个小提示。

① 让文件名包含尽可能多的描述信息。为图像命名为“图_1”并不能让它容易地被搜索到,这对网站毫无用处。命名应该尽量精确。例如,使用“百合花”命名要比仅仅用“花”更好。此外,命名准确清晰,且包含关键字,这样的图像也有助于提升网站的Google搜索排名。

② 文件名要以字母开头,而不要用数字。理想情况下,文件名应该体现文件自身的含义,这样不但易于搜索,也方便对文件进行管理。日期或者数字应该跟在描述的后面。

③ 在文件名中只使用字母、数字和下划线,这样可以保证格式简单,易于浏览器检索;插入文件名中的特殊字母只会让文件在一般的搜索查找中难以辨识。

④ 用一定的格式表示日期,年份用四位表示,之后是两位的月份和两位的日期:YYYY-MM-DD。这样易于搜索和按时间排序。例如,1月日期都会排在3月之前,每一年都是如此。

⑤ 让文件名尽量精简。使用缩写,例如将information的缩写为imfo,government可缩写为gov。

⑥ 记住,文件名通常都会以文件类型的扩展名结尾,例如.gif、.jpg、.png或者.svg。因此,通用汽车logo的GIF文件名为“gm_logo_2012.gif”;而去年拍摄的照片可能就会被命名为“百合花_2013-03-04.jpg”。

遵循上述惯例,不但可以保证电脑里的图像文件易于辨识和检索,而且还能最大化网页浏览器对其搜索的便利性。

相关文章
|
1月前
|
消息中间件 监控
RabbitMQ的Web管理页面
RabbitMQ的Web管理页面
21 0
|
1月前
|
编解码 前端开发 JavaScript
构建高效响应式Web界面:现代前端框架的比较
【4月更文挑战第9天】在移动设备和多样屏幕尺寸盛行的时代,构建能够适应不同视口的响应式Web界面变得至关重要。本文深入探讨了几种流行的前端框架——Bootstrap、Foundation和Tailwind CSS,分析它们在创建响应式设计中的优势与局限。通过对比这些框架的栅格系统、组件库和定制化能力,开发者可以更好地理解如何选择合适的工具来优化前端开发流程,并最终实现高性能、跨平台兼容的用户界面。
|
2月前
|
前端开发 开发者 UED
构建响应式Web界面:Flexbox的力量
【2月更文挑战第25天】 在现代网页设计中,创建能够适应不同屏幕尺寸的布局是至关重要的。Flexbox,一种CSS布局模式,提供了强大的工具来轻松地设计和调整灵活的响应式界面。本文将深入探讨Flexbox的核心概念,并通过实例展示如何使用它来构建美观、灵活且易于维护的响应式Web界面。
|
10天前
|
SQL Java
20:基于EL与JSTL的产品管理页-Java Web
20:基于EL与JSTL的产品管理页-Java Web
21 5
|
5天前
|
应用服务中间件 中间件 缓存
Web应急响应0基础讲解国赛信安管理与评估二阶段
Web应急响应0基础讲解国赛信安管理与评估二阶段
Web应急响应0基础讲解国赛信安管理与评估二阶段
|
6天前
|
前端开发 JavaScript Python
使用Python读取本地行情csv文件,做出web网页画出K线图实现案例
【5月更文挑战第4天】使用Python绘制K线图的步骤:1) 安装pandas, matplotlib和Flask;2) 用pandas读取CSV文件并处理数据;3) 创建Flask应用,渲染包含K线图数据的HTML;4) 编写HTML,使用ECharts库绘制K线图。
25 0
|
24天前
|
SQL 安全 Go
如何在 Python 中进行 Web 应用程序的安全性管理,例如防止 SQL 注入?
在Python Web开发中,确保应用安全至关重要,主要防范SQL注入、XSS和CSRF攻击。措施包括:使用参数化查询或ORM防止SQL注入;过滤与转义用户输入抵御XSS;添加CSRF令牌抵挡CSRF;启用HTTPS保障数据传输安全;实现强身份验证和授权系统;智能处理错误信息;定期更新及审计以修复漏洞;严格输入验证;并培训开发者提升安全意识。持续关注和改进是保证安全的关键。
20 0
|
1月前
|
编解码 前端开发 开发者
构建响应式Web界面:Flexbox与Grid布局的深度对比
【4月更文挑战第4天】 在现代前端开发中,构建灵活且响应式的用户界面是至关重要的。随着移动设备浏览量的增加,能够适应不同屏幕尺寸和分辨率的布局技术变得必不可少。Flexbox和Grid是CSS提供的两种强大的布局机制,它们各自以独特的方式解决了响应式设计的挑战。本文将深入探讨Flexbox和Grid的核心概念、使用场景和性能考量,为开发者提供在面对不同布局需求时做出明智选择的依据。
|
1月前
|
存储 安全 Java
理解Session和Cookie:Java Web开发中的用户状态管理
【4月更文挑战第3天】本文探讨了Web应用中用户状态管理的两种主要机制——Session和Cookie。Session在服务器端存储数据,更安全,适合大量数据,而Cookie存储在客户端,可能影响性能但支持持久化。在Java Web开发中,使用Servlet API操作Session和Cookie,注意敏感信息安全、Session管理及Cookie安全设置。理解两者差异并恰当使用是优化应用性能和用户体验的关键。