Magento 2如何处理前端的图像？

Question

在magento 2中有很多元素，我们可以在其中附加和插入图像。 那么，Magento 2如何处理前端的所有类型的图像？ 它如何影响性能？ Magento 2图像处理的任何帮助，建议，技巧和提示。

Answer 1

  

媒体存储可帮助您组织和访问对以下内容的媒体文件   存储在服务器上。文件位置的路径是   由基本URL配置确定。媒体存储中的文件可以   在处理页面和静态块时可从编辑器访问。   媒体存储通常位于同一服务器上的文件系统中   作为Magento程序文件。

或者，媒体文件可以在数据库中管理，也可以位于单独的服务器或内容交付网络中。可以将编辑器配置为对类别或产品描述中的目录内容使用静态或动态媒体URL。

要将文件上传到媒体存储

前两个步骤与插入图像相同。

1. 在所见即所得编辑器的工具栏上，单击Insert Image
2. 在“图像URL”字段之后，单击Browse 。

3. 在左侧的目录树中，执行下列操作之一：

   • 导航到要保存上传图像的文件夹。

   • 导航到要创建新文件夹的位置，然后单击“创建文件夹”。然后，输入文件夹名称，然后单击“确定”。

4. 要将文件上传到媒体存储，请单击Choose Files。然后，执行以下操作：

   • 在本地计算机的目录中，导航到图像的位置。

   • 选择要上传的每个图像。

   • 单击Open。

图像已上传到服务器上的当前媒体存储文件夹。

要从媒体存储中插入图片

打开要编辑的页面或块。然后，使用以下方法之一从媒体存储中插入图像：

所见即所得模式

• 在“所见即所得”编辑器的工具栏上，单击“插入图像...”（请参见第1点）
• 在“图像URL”字段之后，单击“浏览”图标（右侧的图标）。
• 插入图片（所见即所得模式）

在左侧的目录树中，导航到存储图像的文件夹。

选择图像的图块。然后，单击“插入文件”。

从HTML模式

• 将光标定位在要插入<img>标签的代码中。
• 点击Insert Image