我正在使用带有CSS的Zurb Foundation 5.5.3(不希望使用SASS)。我运行的是Windows XP，如果需要的话还有Windows 7。
我有以下wxh大小的图像JPEGs相机：
- 5472x3080
- 5312x2988
- 5435x3750
- 5760x3840
- 5750x3501
- 6016x4016
- 4320x3240以及更多尺寸
我应该调整这些内容图像的宽度和高度，以获得更好的页面加载速度(我在https://www.dropbox.com/s/343u2ksehlbcete/Screenshot%202016-05-20%2016.34.50.png？dl＝0，但仍然保持高质量的图像，其中一些将用于填充所有屏幕上的整个12列(class＝大12列)，而一些仅用于4列(大4列)
以下截图取自http://foundation.zurb.com/sites/docs/v/5.5.3/components/interchange.html从谈论大小641px用于中等，641px，1024px仅用于中等和大1025px和大仅1025px，1440px和x-large 1441px，x-large仅1441px、1920px和xx large 1921px。。。
https://www.dropbox.com/s/kf8j6xgd9qmtcgm/Screenshot%202016-05-20%2016.27.09.png？dl=0
我很困惑！我认为12列等于1000px(62.5rem)，因此我认为我的大12列图像的最大宽度为1000px，我需要调整其大小，同时保持相同的纵横比，从逻辑上讲，大6列将是该宽度的一半或500px，4列的图像将是250px宽。我还读到有一个30像素的边距，所以我不知道大图像应该是1000像素还是970像素？
我很高兴得到确认，也很想知道我是否可以使用Photoshop并创建一些动作批次来调整大小，或者是否最好使用Gulp(我以前从未使用过)。
任何帮助都将不胜感激！
这取决于您如何使用图像，如果您有全宽行或背景图像，这将取决于设备的屏幕大小。现在，一些大屏幕设备变得越来越流行，如11920x1080和22560x1440。
如果您在网格中有图像，如果行大小为1000px，则图像的最大大小应为1000px000px。顺便说一句，目前常见的网格大小是1200px或 180px如果您将具有全宽行或全背景图像，则仅需要更高分辨率的图像，否则您可以具有行宽度的最大大小。 我认为使用gullow会更好，因为它比使用Photoshop操作更自动。 这里是用于生成多个图像的gulp插件https://github.com/mahnunchik/gulp-responsive