打印大图像的次数更少，或者打印更小的图像是否更有效？

Question

说我想要多次打印图像，并分组打印。所以期望的结果将是这样的：

:) :) :)
  text
:) :) :)
  more text
:) :) :)

从较小的图像中创建像:) :) :)这样的大图像，或者只打印较小的图像:)是否更有效？

这是一个Rails应用程序。小图像约为3 kB，大图像约为12 kB。

Answer 1

在这种情况下，较小的图像有一些优点：

• 减少带宽和网络时间。
• 较小的图像以保留内存caché从磁盘检索。

客户可能会做一些稍微努力的工作，但大多数情况下这都是不可靠的。您通常希望避免在服务器上工作，在那里您可能会有很多请求。

无论如何，我不会太担心这个。最后一个Jquery lib是240KB。客户将有更多的负担从激发javascripts。

Answer 2

较大的图像是正确的方法。
重要的是单个图像只有一个往返的http请求
，其中三个图像将有三个。

在测试中， 3张图片的加载时间为2.68倍或268％。

在这个页面加载瀑布我有3个图像，每个约3K。

这是一张12K图像。

Orange是浏览器连接服务器的时间 绿色是服务器将图像放入输出缓冲区的等待时间 蓝色是服务器传输到浏览器的时间。

3K图像只有非常小的蓝色细线，为3毫秒。

三个3K图像时间
430 mS总加载时间。

connect 65 mS
wait    72 mS
transmit 3 mS
Transfer 3515 bytes @ 878,750 Bytes/sec.

connect 64 mS
wait    71 mS
transmit 3 mS
Transfer 3515 bytes @ 878,750 Bytes/sec.

connect 76 mS
wait    73 mS
transmit 3 mS
Transfer 3123 bytes @ 780,750 Bytes/sec.

12K图片
160 mS总加载时间。

connect 69 mS
wait    74 mS
receive 17 mS
Transfer 11982 bytes @ 665,667 Bytes/sec.

430/160 = 2.68 * 100 = 268％