渲染

纵横比

铭文应以正方形的纵横比进行渲染。非正方形纵横比的铭文不应被裁剪,而应该居中并调整大小以适应其容器。

最大尺寸

ordinals.com使用的ord 浏览器,展示的铭文预览的最大尺寸为576乘以576像素,这使得它在选择最大显示尺寸时是一个合理的选择。

图片渲染

CSS中的image-rendering 属性控制了在图片放大和缩小时如何重新采样图片。

在缩小图片铭文时,应使用image-rendering: auto,即使在缩小像素艺术图片时,这也是可取的。

在放大非AVIF格式的图片铭文时,应使用image-rendering: pixelated。这在放大像素艺术图片时是可取的,因为它保留了像素的锐利边缘。虽然在放大非像素艺术图片时这可能不太理想,但为了与ord浏览器的视觉兼容性,仍应使用此设置。

在放大AVIF和JPEG XL格式的图片铭文时,应使用image-rendering: auto。这允许铭文者选择非像素化的放大方式,适用于非像素艺术的铭文。直到JPEG XL格式被浏览器广泛支持之前,它并不是一个推荐的图片格式。