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

Question

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

Answer 1

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

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

用于将文件上传到媒体存储的

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

1. 在WYSIWYG编辑器的工具栏上，单击Insert Image

​

1. 在图像
2. 字段后，单击Browse

。

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

- Navigate to the folder where you want to save the uploaded image.
- Navigate to the place where you want to create a new folder and click Create Folder. Then, enter the folder name and click OK.

​

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

- In the directory of your local computer, navigate to the location of the images.
- Select each image to be uploaded.
- Click `Open`.

​

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

用于从媒体存储插入图像的

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

所见即所得模式

• 在所见即所得编辑器的工具栏上，单击插入图像...(请参阅第1点)
• 在图像
• 字段之后，单击浏览图标( right).
• Insert图像(所见即所得模式)上的图标)

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

选择图像的平铺。然后，单击Insert File。

​

来自HTML模式的

将光标放在代码中要放置inserted.

• Click Insert Image

的

• 标记的位置

​

​