---
title: "คลังสื่อ: รูปภาพและวิดีโอของคุณ | Briks"
url: https://briks.dev/th/docs/media-library
description: "อัปโหลดรูปภาพและวิดีโอของคุณครั้งเดียวไปยังคลังสื่อของเวิร์กสเปซ วางในโปรเจกต์ใดก็ได้จากกล่องพรอมต์ และเปลี่ยนรูปบนเว็บไซต์ได้ฟรี"
last_updated: 2026-10-08
---

# คลังสื่อ: รูปภาพและวิดีโอของคุณ

คลังสื่อเก็บรูปภาพและวิดีโอของคุณเอง เช่น ภาพสินค้า ภาพทีมงาน หรือคลิปสั้นของเวิร์กช็อป อัปโหลดครั้งเดียวแล้วใช้ได้ในทุกโปรเจกต์ในเวิร์กสเปซ โดยเลือกในช่องพรอมต์ของสตูดิโอ จากนั้นแท็บ Media ของแต่ละโปรเจกต์ให้คุณสลับสิ่งที่เว็บไซต์แสดงได้ โดยไม่ใช้เครดิต

อ่าน 6 นาทีตรวจเทียบกับสตูดิโอเมื่อ 8 ตุลาคม 2569

## หนึ่งไลบรารีต่อเวิร์กสเปซ

ทุกโปรเจกต์ในเวิร์กสเปซใช้คลังเดียวกัน ดังนั้นรูปที่อัปโหลดขณะทำเว็บไซต์หนึ่งจึงนำไปใช้กับอีกเว็บไซต์ในวันถัดมาได้ คลังไม่ได้ใช้ร่วมกันระหว่างเวิร์กสเปซ: ลิงก์สื่อที่คัดลอกจากเวิร์กสเปซอื่นจะถูกปฏิเสธ และสตูดิโอจะขอให้คุณคัดลอกใหม่จากเวิร์กสเปซของคุณเอง

การอัปโหลดและวางรายการต้องเป็น Owner, Admin หรือ Editor ส่วน Viewer แก้ไขไม่ได้ จึงไม่เห็นกล่องพรอมต์

## สิ่งที่อัปโหลดได้

| ประเภท | ฟอร์แมต | ไฟล์ที่ใหญ่ที่สุด |
| --- | --- | --- |
| ภาพ | JPEG, PNG หรือ WebP | ไม่เกิน 25 MB |
| วิดีโอ | MP4 หรือ WebM | ไม่เกิน 250 MB และความยาวไม่เกิน 5 นาที |

- วิดีโอจะถูกเก็บและให้บริการตามไฟล์ที่อัปโหลดทุกประการ ไม่มีการแปลงไฟล์ ไฟล์ที่เล็กกว่าจะโหลดเร็วกว่าสำหรับผู้เข้าชม ดังนั้นควรส่งออกในขนาดที่เว็บไซต์ต้องการ
- เบราว์เซอร์ของคุณจะอ่านวิดีโอแต่ละไฟล์ก่อนอัปโหลด หากเล่นไฟล์ไม่ได้ การอัปโหลดจะหยุดและขอให้คุณส่งออกเป็น MP4 (H.264)
- โปสเตอร์ของวิดีโอ คือภาพนิ่งที่แสดงก่อนเล่น จะนำมาจากวินาทีแรกของวิดีโอ
- ทุกอย่างในคลังนับรวมกับ [พื้นที่จัดเก็บ](https://briks.dev/th/docs/storage) ของแพ็กเกจของคุณ

## เปิดไลบรารีและอัปโหลด

ที่ไหน

1. Projects
2. Your project
3. Studio
4. Add from your media

1. เปิดสตูดิโอของโปรเจกต์ที่สร้างแล้ว

   ที่ไหน: Studio

   ไลบรารีอยู่ในกล่องพรอมต์ของโปรเจกต์ที่สร้างเสร็จแล้ว ไม่มีให้ใช้ในบรีฟของ **New project** หรือขณะที่การสร้างครั้งแรกรอคุณอยู่ที่ขั้นตอนการอนุมัติ

2. คลิก Add from your media

   ที่ไหน: Prompt box

   คือไอคอนรูปภาพในกล่องพรอมต์ **Choose from your media** จะเปิดขึ้น

3. อัปโหลด

   ที่ไหน: Choose from your media

   คลิก **Upload** แล้วเลือกไฟล์ หรือลากไฟล์มาวางในหน้าต่างเมื่อมีข้อความ **Drop to upload** จะเพิ่มหลายไฟล์พร้อมกันก็ได้ แต่ละไฟล์มีแถบความคืบหน้าของตัวเอง

4. ค้นหาในตาราง

   ที่ไหน: Choose from your media

   ไฟล์ที่อัปโหลดเสร็จแล้วจะขึ้นเป็นรายการแรกในตาราง วิดีโอจะแสดงความยาว

**All**, **Pictures** และ **Videos** ใช้กรองตาราง และแถบข้าง ๆ แสดงพื้นที่จัดเก็บของเวิร์กสเปซที่ใช้ไปแล้ว ตารางแสดงทีละหน้า และ **Show more** จะโหลดหน้าถัดไป

- **รวมรูปภาพของทุกเว็บไซต์ด้วย** นอกจากไฟล์ที่คุณอัปโหลด ตารางนี้ยังแสดงรูปภาพและวิดีโอบนทุกเว็บไซต์ในเวิร์กสเปซ โดยแต่ละช่องบอกว่ามาจากที่ใด การเลือกรายการจากเว็บไซต์จะเพิ่มรายการนั้นลงในไลบรารีของคุณก่อน
- **From** จำกัดตารางให้เหลือ **Library and every site**, **Library** อย่างเดียว หรือหนึ่งโปรเจกต์
- **Search names and descriptions** ค้นหารายการจากชื่อไฟล์หรือจากสิ่งที่รายการนั้นแสดง

หน้าต่างเดียวกันนี้เปิดขึ้นทุกที่ที่สตูดิโอขอรูปภาพ: **Choose from library** สำหรับโลโก้และ favicon ของเว็บไซต์ใน **Settings** ช่องรูปภาพในแท็บ [Database](https://briks.dev/th/docs/database) และ **Picture** ใน [เครื่องมือแก้ไขรูปภาพ](https://briks.dev/th/docs/image-editor)

## ใช้รายการในการเปลี่ยนแปลง

การเลือกรายการจะไม่วางรายการนั้นทันที ลิงก์ของรายการจะถูกใส่ในข้อความของคุณ แล้วคุณบอกว่าจะให้วางตรงไหน เหมือนการเปลี่ยนแปลงอื่นๆ

1. เลือกรายการ

   ที่ไหน: Choose from your media

   คลิกที่รายการนั้น หน้าต่างจะปิดและลิงก์ของรายการจะปรากฏท้ายข้อความของคุณ

2. บอกว่าจะไปที่ไหน

   ที่ไหน: Prompt box

   ระบุหน้าและตำแหน่ง เช่น “เป็นพื้นหลังของส่วนบนสุดของหน้า” หากเป็นรูปภาพ และเนื้อหาของรูปมีผลต่อหน้านั้น ให้บอกด้วยว่ารูปแสดงอะไร

3. ส่ง

   ที่ไหน: Send

   ระบบสร้างและเผยแพร่เป็นการเปลี่ยนแปลง: กันเครดิตไว้ 5 เครดิต และคิดตามงานที่ใช้จริง

คำขอเปลี่ยนแปลง ร้านดอกไม้ในเอดินบะระ

> ใช้ (media link) เป็นพื้นหลังส่วนหัวหลักของหน้าแรก และใส่ (media link) ในหน้า Weddings ใต้ย่อหน้าแรก โดยเล่นวนซ้ำแบบปิดเสียง

ทั้งสองจะปรากฏในเวอร์ชันที่เผยแพร่ครั้งถัดไป แล้วแท็บ Media จะแสดงรายการเหล่านั้น โดยแต่ละรายการระบุว่ามาจากสื่อของร้านดอกไม้

เคล็ดลับ

หนึ่งข้อความแนบได้สูงสุดหกรูปภาพและวิดีโอ นับไฟล์ที่แนบด้วยปุ่มแนบและลิงก์สื่อรวมกัน หากมีมากกว่านั้น ให้แบ่งเป็นสองการเปลี่ยนแปลง

## ดูสิ่งที่เว็บไซต์แสดง

ที่ไหน

1. Projects
2. Your project
3. Media

แท็บ **Media** ของโปรเจกต์จะเปิดที่ **On the site** ซึ่งแสดงรูปภาพและวิดีโอทุกรายการที่เว็บไซต์แสดงตามที่เผยแพร่ล่าสุด โดยเริ่มจากฮีโร่ แต่ละการ์ดระบุคำอธิบายของรูปภาพ ตำแหน่งที่วาง (เช่น หน้าแรก หรือเซกชันที่มีชื่อ) และสำหรับรายการจากคลังของคุณ จะบอกว่ามาจากรายการไหน **Designs** ที่อยู่ข้างกัน เก็บสิ่งที่คุณสร้างใน [ตัวแก้ไขรูปภาพ](https://briks.dev/th/docs/image-editor)

## เปลี่ยนรูปภาพหรือวิดีโอได้ฟรี

1. เลือกสิ่งที่จะสลับ

   ที่ไหน: Media tab

   คลิก **Replace** บนการ์ด

2. เลือกอันใหม่

   ที่ไหน: Choose the new picture

   ไลบรารีของคุณจะเปิดขึ้นและแสดงเฉพาะชนิดเดียวกัน คือรูปภาพสำหรับรูปภาพ และวิดีโอสำหรับวิดีโอ เลือกหนึ่งรายการ หรืออัปโหลดที่นั่น

3. บอกว่าแสดงอะไร

   ที่ไหน: What it shows

   จำเป็นสำหรับรูปภาพ เพราะโปรแกรมอ่านหน้าจอและเสิร์ชเอนจินอ่านข้อความนี้ ไม่บังคับสำหรับวิดีโอ: วิดีโอพื้นหลังไม่ต้องมี

4. แทนที่และเผยแพร่

   ที่ไหน: Replace and publish

   รายการใหม่จะเข้าไปแทนที่รายการเดิมทุกที่บนเว็บไซต์ และเว็บไซต์จะถูกเผยแพร่อีกครั้ง ระบบจะพาคุณไปที่สตูดิโอเพื่อดูความคืบหน้า

- ไม่ใช้เครดิต
- [เวอร์ชัน](https://briks.dev/th/docs/versions) ในสตูดิโอสามารถย้อนการเปลี่ยนแปลงนี้ได้
- เริ่มไม่ได้ขณะที่เว็บไซต์กำลังสร้างหรือกำลังทดสอบ A/B
- หากรายการที่คุณเลือกอยู่ที่อื่นในเว็บไซต์แล้ว กล่องข้อความจะเตือนว่าจะแสดงซ้ำสองครั้ง

การสลับ เมนูฤดูใบไม้ร่วงของคาเฟ่

> Moor Lane Café อัปโหลดรูปเมนูฤดูใบไม้ร่วงและแทนที่เมนูฤดูร้อนในหน้าแรก ภาพที่แสดง: ซุปฟักทอง ขนมปังซาวร์โดว์ และแฟลตไวต์บนโต๊ะไม้โอ๊ก

เว็บไซต์จะเผยแพร่อีกครั้งพร้อมรูปใหม่ โดยไม่ใช้เครดิต หากพวกเขาเปลี่ยนใจ Versions จะนำรูปช่วงฤดูร้อนกลับมาให้

## การจัดระเบียบคลังของคุณ

ไลบรารีเป็นตารางเดียว เรียงจากใหม่สุดก่อน โดยมีตัวกรองและช่องค้นหาอยู่ด้านบน ไม่มีโฟลเดอร์และเปลี่ยนชื่อรายการไม่ได้ แต่ไฟล์ที่คุณอัปโหลดเองทุกไฟล์มีปุ่ม **Details** ซึ่งแสดงรายการพร้อมขนาดและวันที่ **Used on** (ทุกเว็บไซต์ที่ใช้รายการนี้ และใช้อย่างไร) **Use this** และ **Delete** การลบจะถามยืนยันก่อน เว็บไซต์ที่แสดงรายการนั้นอยู่ในหน้าจะเก็บสำเนาของตัวเองไว้ หน้าเว็บจึงไม่เปลี่ยน แต่รายการจะออกจากไลบรารีของคุณถาวร โลโก้หรือ favicon ของเว็บไซต์จะลบไม่ได้จนกว่าคุณจะเลือกอันอื่นในการตั้งค่าของเว็บไซต์นั้น ไฟล์ที่อัปโหลดไม่เสร็จจะถูกล้างหลังหนึ่งวัน เพื่อไม่ให้การเชื่อมต่อที่หลุดทิ้งไฟล์ครึ่งๆ กลางๆ มานับรวมในพื้นที่จัดเก็บของคุณ

แต่ละเว็บไซต์เก็บสำเนาของสิ่งที่วางลงไว้เอง หน้าที่เผยแพร่แล้วจึงไม่ขึ้นกับรายการในไลบรารีที่นำมา

- **ตั้งชื่อไฟล์ก่อนอัปโหลด** ชื่อไฟล์คือสิ่งที่ตารางแสดงและสิ่งที่แท็บ Media ใช้เป็นชื่อต้นฉบับ ดังนั้น `bakery-shopfront-autumn.jpg` จะช่วยให้คุณไม่ต้องเดาในภายหลัง ต่างจาก `IMG_4021.jpg`
- **อัปโหลดเฉพาะสิ่งที่จะใช้** ทุกไฟล์ที่อัปโหลดใช้พื้นที่เก็บข้อมูลจนกว่าคุณจะลบ ควรตัดวิดีโอให้เหลือเฉพาะช่วงที่ต้องการก่อนอัปโหลด
- **เก็บไฟล์ต้นฉบับไว้ที่อื่น** คลังนี้มีไว้วางรูปภาพบนเว็บไซต์ ไม่ใช่สำหรับเก็บภาพถ่ายทั้งชุด

## คลังสื่อใช้พื้นที่เก็บข้อมูลของคุณอย่างไร

รายการในคลังนับรวมในพื้นที่จัดเก็บข้อมูลก้อนเดียวที่เวิร์กสเปซของคุณใช้ร่วมกับไฟล์ของทุกโปรเจกต์ รูปภาพของเว็บไซต์ ฐานข้อมูล และข้อมูลสำรอง หากการอัปโหลดจะเกินพื้นที่นี้ ระบบจะหยุดและแสดงข้อความที่ระบุพื้นที่จัดเก็บข้อมูลของแพ็กเกจของคุณ พร้อมแนะนำให้ลบบางรายการหรือเปลี่ยนไปใช้แพ็กเกจที่ใหญ่กว่า [พื้นที่จัดเก็บข้อมูล](https://briks.dev/th/docs/storage) แสดงว่าพื้นที่ถูกใช้ไปกับอะไรบ้าง

### การแนบรูปภาพกับการใช้คลังต่างกันอย่างไร

รูปที่แนบด้วยปุ่มแนบของช่องพรอมต์ จะเป็นของข้อความนั้นข้อความเดียว ส่วนรายการในไลบรารีนำกลับมาใช้ในโปรเจกต์ใดก็ได้ในเวิร์กสเปซ และสลับภายหลังได้ด้วย **Replace**

### Replace ใช้เครดิตหรือไม่

ไม่ Briks จะวางรายการใหม่แล้วเผยแพร่อีกครั้งโดยไม่ต้องสร้างงานใหม่

### ใช้รายการในไลบรารีในโปรเจกต์ใหม่เอี่ยมได้ไหม

ไม่ต้องใส่ในบรีฟแรก สร้างเว็บไซต์ก่อน แล้วเพิ่มจากสตูดิโอเป็นการเปลี่ยนแปลง

## อ่านต่อ

- [กำลังสร้าง **ภาพ** เลือกวิธีสร้างรูปภาพของเว็บไซต์ เพิ่มรูปและโลโก้ของคุณเอง เปลี่ยนรูปใดก็ได้โดยไม่เสียเครดิต และแก้รูปที่ไม่ถูกต้อง](https://briks.dev/th/docs/pictures)
- [ฟีเจอร์ของเว็บไซต์คุณ **พื้นที่เก็บข้อมูล** เก็บไฟล์ของโปรเจกต์ แชร์ผ่านลิงก์หรือโฟลเดอร์สาธารณะ ดูว่าพื้นที่เก็บข้อมูลของแผนถูกใช้ไปกับอะไร และดาวน์โหลดทั้งหมดเป็นไฟล์ .zip](https://briks.dev/th/docs/storage)
- [กำลังทำงานในโปรเจกต์**การแก้ไขเว็บไซต์** วิธีแก้ไขเว็บไซต์ด้วยการเขียนถึง Briks: พูดอะไร เพิ่มรูปภาพ การเปลี่ยนแปลงหนึ่งครั้งมีอะไรและใช้เครดิตเท่าไร หน้าภายใน คำขอที่รอคิว และการแก้เมื่อพลาด](https://briks.dev/th/docs/making-changes)
- [กำลังทำงานในโปรเจกต์**เวอร์ชัน เลิกทำ และทำซ้ำ** ทุกการสร้างและการเปลี่ยนแปลงถูกบันทึกเป็นเวอร์ชันของเว็บไซต์ ย้อนกลับ ทำซ้ำ หรือนำเวอร์ชันก่อนหน้ากลับมาใช้งานจริงตามเดิม โดยไม่กันเครดิตไว้](https://briks.dev/th/docs/versions)

ยังติดปัญหาอยู่ไหม

เขียนถึง [hello@briks.dev](mailto:hello@briks.dev) พร้อมชื่อโปรเจกต์และสิ่งที่คุณคาดว่าจะเห็น ภาพหน้าจอช่วยได้