Html 我应该在使用lightbox时使用较小的图像作为缩略图,还是只调整图像的大小?

Html 我应该在使用lightbox时使用较小的图像作为缩略图,还是只调整图像的大小?,html,image,Html,Image,我正在使用lightbox创建一个网站。如果我使用photoshop调整大小的图像作为缩略图,它的加载时间会更快吗?或者如果我使用全分辨率图像但在html中调整大小,它会更快吗?这似乎是一个基本问题,但我在任何地方都没有在线找到答案。使用缩略图作为初始加载,然后如果用户希望以更大的比例查看图像,则加载完整图像。我在lightbox的标记中使用完整图像,在lightbox中嵌套的标记中使用缩略图。完整图像是最初加载还是仅在用户单击缩略图时显示?按F12并切换到网络选项卡,您可以在那里看到它。我错过

我正在使用lightbox创建一个网站。如果我使用photoshop调整大小的图像作为缩略图,它的加载时间会更快吗?或者如果我使用全分辨率图像但在html中调整大小,它会更快吗?这似乎是一个基本问题,但我在任何地方都没有在线找到答案。

使用缩略图作为初始加载,然后如果用户希望以更大的比例查看图像,则加载完整图像。我在lightbox的标记中使用完整图像,在lightbox中嵌套的标记中使用缩略图。完整图像是最初加载还是仅在用户单击缩略图时显示?按F12并切换到网络选项卡,您可以在那里看到它。我错过了关于lightbox的那一行,我认为这取决于图像的大小,显然,对于一个主要在手机上使用的网站,你不想加载每个10mb的图像。我建议稍加压缩,这样图像在24英寸1080p屏幕上看起来仍然不错,但不会太大,因为这只是浪费。使用lightbox,你只需直接链接到文件。正如传说中所说的,记住,并不是每个人都有一个奇妙的互联网连接,所以如果他们为你加载的速度太快,他们可能不会为其他人加载。