Question

我正在尝试找出在文章中上传和显示图片的最佳方式。现在我在撇号博客页面show.html模板下面有以下代码

<div>
          {{ apos.area(data.piece, 'main', {
                widgets: {
                  'apostrophe-rich-text': {
                     toolbar: [ 'Styles', 'Bold', 'Italic', 'Blockquote', 'Link', 'Anchor', 'Unlink', 'Table', 'BulletedList', 'NumberedList' ],
                     styles: [
                       { name: 'Title', element: 'h3' },
                       { value: 'h5', label: 'Subtitle' },
                       { name: 'Paragraph', element: 'p' }
                     ]
                   },
                  'apostrophe-images': {
                    size: 'original'
                  },
                  'apostrophe-video': {}
                }
              }) }}
        </div>

我面临的问题是我有不同大小和宽高比的图像。撇号或imagemagick会自动决定图像的实际纵横比应该是什么样的，对于较大的图像，它可以正常工作，但对于较小的图像（通常小于400像素），图像会显示像素化或放大。

不确定以原始高度和宽度显示图像的最佳效果。

Answer 1

如您所知，我是P＆＃39; unk Avenue的Apostrophe的首席开发人员。

在您提供的代码中，Apostrophe实际上并未以任何方式触摸您的宽高比或图像尺寸。您将size设置为original而您尚未设置minSize或aspectRatio，因此Apostrophe对您的图片没有任何意见。

我们实际上强烈建议不要使用original，除非您有非常好的理由让您的用户对要上传的正确尺寸的图片进行过多考虑。如果您允许用户上传最佳图片（最多约2000x2000左右......）并使用瞄准器的大小，例如one-half，full和max，使用CSS进行最终调整，您将获得良好的页面加载速度，而无需网站管理员在Photoshop中预先调整大小。

但是再次......你的代码中的任何内容都没有以任何方式裁剪图像。

如果你认为这里有一个错误，那就是Apostrophe正在不应该进行裁剪，请在github中准备一个测试项目并在撇号项目上打开github问题并附上详细信息。

谢谢！

Apostrophe CMS的图像

1 个答案: