用惯了1440*900的分辨率，今天在1024*768的小屏幕上看了一眼自己的博客，banner占据了270像素，几乎是整个屏幕的一半。对于阅读为主的博客来说，感觉有点多了。于是调整了一下banner的高度，现在是175像素，是不是好了一些？

或者，干脆去掉banner，直接放个文章分类的横向导航条？

论坛上遇到这样一个问题：“请教一下,下图中的线条状水印怎么去掉？”

我们可以从“如何添加的水印”入手，分析一下这些线条是怎样填充进去的，然后再考虑如何删掉它。

最终效果演示：

阅读全文 »

参加“Michael Jackson创意贴纸大赛”的作品：

用意念和画笔来悼念永恒的Michael Jackson

1. Boonage: Creating an Orb Button in Photoshop
   
   

2. IRIS Design: Web 2.0 Style Photoshop Button Tutorial
   
   

3. AvivaDirectory: Windows Vista Style Nav Bar Buttons
   
   

4. PSCloud: Create a Navigation Bar Like the Current Apple Site
   
   

5. Talk-Mania: Create a Navigation Bar like the Old Apple Site
   
   

阅读全文 »

对于一个网站而言，页面的开启速度是至关重要的。它不仅直接影响到该网站在搜索引擎中的排名参数，更为重要的是，会减缓访客的页面开启速度。本文主要讲解图片压缩优化对提升用户体验的优点及做法。

图片优化基本原则：

一、图片缩放
通常情况下，数码相机拍出的照片分辨率是用于冲洗照片所用的，在网上浏览不需要上传那么大的照片，既影响图片上传速度，又浪费下载观众的带宽，解决方法是上传图片前，用图片编辑软件（photoshop 或者 光影魔术手）压一下，500像素左右就可以了。

二、图片裁切
切图时尽量贴合图形区，避免空白区域占用文件大小。

三、图片输出
1． 使用photoshop的“存储为web所用格式”功能来输出图片。测试表明：输出某张图片为jpg格式，分别使用“存储为web所用格式”和一般的“存储为”，都压缩到50%，前者得到的图片结果为14.4kb，后者为47.1kb。
2． 在使用上述功能进行图片输出的过程中，对比jpg、gif格式下的文件大小，选择效果和大小较优的文件格式。一般情况下，色彩少的图片使用png-8、gif格式文件会小些，色彩渐变丰富的图片，则使用jpg会小些。
3． Jpg格式的图片，需综合对比压缩品质高、中、低下的效果，尽量选择效果好且压缩品质较低的选项，以达到获取较小文件的目的。
4． 对于无多通道透明需求的图片，避免使用png24位格式输出。

阅读全文 »