网页设计和图像处理

Web Design and working with images

我成为 IT 专家已有一段时间了,最​​近我越来越多地参与 Web 开发。我对 HTML 5、CSS 3、JavaScript、jQuery 和响应式设计概念特别感兴趣。我似乎总是有问题的一件事是 images。我希望这里的一些专业人士可以帮助刚起步的人。

您在哪里可以找到用于客户网站/或您自己网站的图像? 除了自己拍照之外,是否有开发者使用的 "go to" 网站种类繁多、质量高并且最好是免费的?

获取一些图像后,您是否会按照常规调整它们的大小或以其他方式修复它们以便在您的网站上使用? Gimp 非常适合重新缩放,但有时图像质量会下降。最好从一开始就获得尺寸合适的优质图像。是否有一些 CSS 开发者通常使用的魔法来获得他们想要的图像大小?

就像我说的,我一直在使用 Gimp 做一些简单的事情,比如创建很酷的文本、调整图像大小和创建基本横幅。这是一个非常好的工具,还是我错过了更好的东西(更容易使用)。

我在网上阅读了很多文章,但我相信人们在这个网站上的意见。

如果您需要用于制作的图像,但您自己无法制作,例如,您可以查看 shutterstock。如果您的客户需要照片或图形,他们将不得不以一种或另一种方式支付费用;)

以下是处理网络图像的一些很好的入门资料: 自适应图像 - http://adaptive-images.com 要么 响应图像 - http://scottjehl.github.io/picturefill/ 网络上的视网膜质量图像 – http://imulus.github.io/retinajs/

对于位图图像(例如照片),总是尽可能放大并缩小到您需要的尺寸。使用 Vector - 例如 SVG - 您可以在不损失质量的情况下进行缩放,但是当您缩放矢量时,您可能不得不重新绘制绘图,因为比例不合适。

GIMP 是开源的,如果您不花钱,它也能胜任。就像说的那样:从大照片缩小。反之则不然。放大图像时会很快失去清晰度和质量。

我不知道 Windows 上有什么好的 Photoshop 替代品。但我可以为 Photoshop 提供许多又好又便宜的替代品,如果你使用 Mac。