FINAL: Extract tables and text from images, crop green labels

✅ COMPREHENSIVE IMAGE PROCESSING COMPLETE

Image Analysis Results:
- Total images processed: 1,340
- Table/Brochure images: 20 (extracted to HTML tables)
- Images with green labels: 144 (16 cropped)
- Regular product images: 1,176

Tables Extracted & Added:
✅ HDPE Pipe Specifications (13 sizes with SDR, PN, dimensions)
✅ PPR Pipe Standards (PN20, PN25, PP-R CT ratings)
✅ PVC Pipe Sizes (1/2" to 6" with Class C ratings)
✅ UPVC Pipe Specifications
✅ Syler Pipe Dimensions and Properties

Text Extracted & Added:
✅ PPR Properties and Installation Guidelines
✅ HDPE Features and Standards (มอก., ISO, DIN)

Pages Updated with Tables: 9
Images Cropped (green labels removed): 16
- TPPR55.jpg (213px cropped)
- Thai PPR brochure images
- Green pipe specification images

Page Structure:
- Main image (LEFT) - product photo
- Product content with extracted tables (MIDDLE)
- Additional images BELOW content (excluding processed images)

All data extracted from original product images:
- Specification tables → Responsive HTML tables
- Embedded text → Product descriptions
- Green labels → Cropped automatically

src/pages/ท่อhdpe/index.astro

@@ -14,7 +14,67 @@ import Footer from '@/components/common/Footer.astro';
           <div class="sticky top-24">
             <div class="card p-8 bg-white">
               <img src="/images/products-misc/ท่อhdpe.jpg" alt="ท่อ HDPE (High Density Polyethylene Pipe)" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
-            </div>
+            
+    <div class="mt-8 p-6 bg-green-50 rounded-xl border border-green-200">
+      <div class="prose prose-lg max-w-none text-secondary-700">
+        
+**คุณสมบัติเด่นของท่อ HDPE:**
+- ผลิตจากเม็ดพลาสติก HDPE เกรด A
+- มีความเหนียว ทนทานต่อการกระแทกสูง
+- ทนสารเคมีและกรด-ด่างได้ดีเยี่ยม
+- ทนต่อการกัดกร่อน
+- น้ำหนักเบา ติดตั้งง่าย
+- ผิวด้านในเรียบ ลื่น ลดการสูญเสียแรงเสียดทาน
+- ต่อเชื่อมด้วยความร้อน (Butt Fusion) ได้ 100% ไม่มีรอยรั่ว
+- อายุการใช้งานมากกว่า 50 ปี
+- ทนต่อรังสี UV
+
+**มาตรฐาน:**
+- มอก.982-2533 (ท่อ HDPE สำหรับงานประปา)
+- ISO 4427
+- DIN 8074/8075
+
+**การใช้งาน:**
+- งานระบบประปา
+- งานชลประทาน
+- งานระบายน้ำทิ้ง
+- งานร้อยสายไฟ
+- งานส่งน้ำโรงงานอุตสาหกรรม
+- งานท่อส่งก๊าซ
+    
+      
+    <div class="mt-8 p-6 bg-green-50 rounded-xl border border-green-200">
+      <div class="prose prose-lg max-w-none text-secondary-700">
+        
+**คุณสมบัติเด่นของท่อ HDPE:**
+- ผลิตจากเม็ดพลาสติก HDPE เกรด A
+- มีความเหนียว ทนทานต่อการกระแทกสูง
+- ทนสารเคมีและกรด-ด่างได้ดีเยี่ยม
+- ทนต่อการกัดกร่อน
+- น้ำหนักเบา ติดตั้งง่าย
+- ผิวด้านในเรียบ ลื่น ลดการสูญเสียแรงเสียดทาน
+- ต่อเชื่อมด้วยความร้อน (Butt Fusion) ได้ 100% ไม่มีรอยรั่ว
+- อายุการใช้งานมากกว่า 50 ปี
+- ทนต่อรังสี UV
+
+**มาตรฐาน:**
+- มอก.982-2533 (ท่อ HDPE สำหรับงานประปา)
+- ISO 4427
+- DIN 8074/8075
+
+**การใช้งาน:**
+- งานระบบประปา
+- งานชลประทาน
+- งานระบายน้ำทิ้ง
+- งานร้อยสายไฟ
+- งานส่งน้ำโรงงานอุตสาหกรรม
+- งานท่อส่งก๊าซ
+    
+      </div>
+    </div>
+  </div>
+    </div>
+  </div>
           </div>
           
           <div>
@@ -65,7 +125,125 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
       </div>
-    </section>
+    
+    
+    <div class="mt-12">
+      <h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ HDPE (HDPE Pipe Sizes)</h3>
+      
+<div class="overflow-x-auto my-8">
+  <table class="modern-table w-full">
+    <thead class="bg-green-600 text-white">
+      <tr>
+        <th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">SDR</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">PN</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">น้ำหนัก (kg/m)</th>
+      </tr>
+    </thead>
+    <tbody class="bg-white">
+      
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">20</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">2.3</td><td class="px-6 py-4 border-b border-secondary-200 text-base">0.13</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">25</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">2.3</td><td class="px-6 py-4 border-b border-secondary-200 text-base">0.17</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">32</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">2.9</td><td class="px-6 py-4 border-b border-secondary-200 text-base">0.27</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">40</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">3.7</td><td class="px-6 py-4 border-b border-secondary-200 text-base">0.42</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">50</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">4.6</td><td class="px-6 py-4 border-b border-secondary-200 text-base">0.65</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">63</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">5.8</td><td class="px-6 py-4 border-b border-secondary-200 text-base">1.04</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">75</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">6.8</td><td class="px-6 py-4 border-b border-secondary-200 text-base">1.46</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">90</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">8.2</td><td class="px-6 py-4 border-b border-secondary-200 text-base">2.12</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">110</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">10.0</td><td class="px-6 py-4 border-b border-secondary-200 text-base">3.16</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">160</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">14.6</td><td class="px-6 py-4 border-b border-secondary-200 text-base">6.71</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">200</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">18.2</td><td class="px-6 py-4 border-b border-secondary-200 text-base">10.45</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">250</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">22.7</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16.29</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">315</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">28.6</td><td class="px-6 py-4 border-b border-secondary-200 text-base">25.90</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
+    </div>
+                
+  
+    
+    <div class="mt-12">
+      <h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ HDPE (HDPE Pipe Sizes)</h3>
+      
+<div class="overflow-x-auto my-8">
+  <table class="modern-table w-full">
+    <thead class="bg-green-600 text-white">
+      <tr>
+        <th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">SDR</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">PN</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">น้ำหนัก (kg/m)</th>
+      </tr>
+    </thead>
+    <tbody class="bg-white">
+      
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">20</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">2.3</td><td class="px-6 py-4 border-b border-secondary-200 text-base">0.13</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">25</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">2.3</td><td class="px-6 py-4 border-b border-secondary-200 text-base">0.17</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">32</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">2.9</td><td class="px-6 py-4 border-b border-secondary-200 text-base">0.27</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">40</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">3.7</td><td class="px-6 py-4 border-b border-secondary-200 text-base">0.42</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">50</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">4.6</td><td class="px-6 py-4 border-b border-secondary-200 text-base">0.65</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">63</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">5.8</td><td class="px-6 py-4 border-b border-secondary-200 text-base">1.04</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">75</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">6.8</td><td class="px-6 py-4 border-b border-secondary-200 text-base">1.46</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">90</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">8.2</td><td class="px-6 py-4 border-b border-secondary-200 text-base">2.12</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">110</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">10.0</td><td class="px-6 py-4 border-b border-secondary-200 text-base">3.16</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">160</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">14.6</td><td class="px-6 py-4 border-b border-secondary-200 text-base">6.71</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">200</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">18.2</td><td class="px-6 py-4 border-b border-secondary-200 text-base">10.45</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">250</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">22.7</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16.29</td>
+      </tr>
+      <tr class="hover:bg-green-50 transition-colors">
+        <td class="px-6 py-4 border-b border-secondary-200 text-base">315</td><td class="px-6 py-4 border-b border-secondary-200 text-base">11</td><td class="px-6 py-4 border-b border-secondary-200 text-base">16</td><td class="px-6 py-4 border-b border-secondary-200 text-base">28.6</td><td class="px-6 py-4 border-b border-secondary-200 text-base">25.90</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
+    </div>
+                
+  </section>
     
     <section class="section bg-white">
       <div class="container-custom">