在不损失长宽比的情况下调整Screenhot.png的大小

时间:2013-04-28 作者:nandac

我一直在尝试调整我的截图大小。我的主题为300x255的png,而不损失纵横比。我一直在通过将笔记本电脑上的浏览器窗口宽度设置为300x255的比例来实现这一点,这样我就可以得到一个没有失真但不起作用的屏幕截图。

此外,我正在使用一个固定宽度的布局,它有一个中心内容区域和一个背景。缩小浏览器窗口将覆盖不需要的背景。

我相信一定有一种更简单的方法来做到这一点,我想知道是否有主题开发人员使用的工具来实现这一点。我没有photoshop,但安装了gimp。

如果您能在这方面提出任何建议,我将不胜感激。

提前感谢AV

1 个回复
最合适的回答,由SO网友:nandac 整理而成

我通过以下步骤绕过了这个问题。

找出屏幕大小我们称之为<screenwidth><screenheight> 现在。

我的浏览器是全屏的。当标题栏消失时,我使用了Chrome,我得到了屏幕截图的全屏高度。然而,这并不必要。

如果有标题,请从屏幕高度中减去标题。<height> = <screenheight> - <header>.

如果有垂直滚动条,请从宽度中减去此宽度。<width> = <screenwidth> - <scrollbar-width>.

现在,在大多数屏幕上,尤其是在笔记本电脑上,宽度足够了,但高度不够。在这种情况下,我们必须找出与高度成比例的宽度。

因此,<width-screenshot> = <height>/450 * 600 如果不能得到整数,请将其四舍五入到最近的偶数。

现在我们必须获得一个<width-screenshot>x<height>. 来计算我们所做的(<screenhieght> - <scrollbar-width> - <width-screenshot>)/2.

打开图像处理程序,选择裁剪功能并输入宽度、高度和x偏移值。然后裁剪并保存图像。

打开保存的图像,选择“调整大小”选项并将宽度设置为600。高度应自动变为450。这是保存图像所需的大小。

这是一个可重复的过程,一旦你有了数字,这只是一个重用的问题。

希望这能帮助别人。导航

结束

相关推荐

How to use Plupload in themes

我正在开发一个需要从前端上传的主题。我想将plupload整合到我的主题中,同时牢记:上传将在表单提交时处理,而不是通过plupload常规方法。这意味着我只需要plupload的设计,而不是上传功能。选择文件后,当我提交表单(包含所选文件和其他信息)时,我应该能够获取目标页面中的所有表单信息(包括文件信息)。E、 g.在用户配置文件页面中,我想更新我的头像以及其他信息</如有任何帮助,我们将不胜感激。