Merge pull request #168 from securade/blog-object-detection-metrics

Add new blog post: blog/technology/object-detection-metrics-guide.html

Author: codelion

assets/images/blog/technology/securadeaiAiMonitoringObjectDetection.jpeg

@@ -127,77 +127,77 @@ <h1 class="fw-bolder mb-1">Technology</h1>
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./computer-vision-measure-object-size.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">Measure Object Size: Computer Vision Guide with Examples</h3>
+                <a href="./object-detection-metrics-guide.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">Object Detection Metrics: A Complete Guide with mAP, IoU</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiComputerVisionObjectMeasurementTableOfContents.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiObjectDetectionMetricsMatterQuestionMarks.jpeg" alt="Image" />
             </div>
         </div>
     </div>
 
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./ai-object-tracking-marauders-map.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">AI Object Tracking: Build Your Own "Marauder's Map"</h3>
+                <a href="./computer-vision-augmentation-guide.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">Computer Vision Augmentation: A Practical Guide for AI</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiAntiqueMapOnTable.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiComputerVisionAugmentationsCatLaptopIcons.jpeg" alt="Image" />
             </div>
         </div>
     </div>
 
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./edge-ai-scale-deploying-models-securade.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">Edge AI at Scale: Deploying AI Models with Securade</h3>
+                <a href="./computer-vision-model-accuracy.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">Computer Vision Accuracy: Boost Model Performance Now!</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiTechnicianAnalyzingAiData.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiDataAnalysisCommunication.jpeg" alt="Image" />
             </div>
         </div>
     </div>
 
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./ai-video-monitoring-healthcare-security.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">AI Video Monitoring: Revolutionizing Healthcare Security</h3>
+                <a href="./ai-video-self-learning-workplace-safety.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">AI Video: Revolutionizing Workplace Safety with Self-Learning</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiAiAssistedPatientMonitoring.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiAsianManMonitoringAiIndustrialData.jpeg" alt="Image" />
             </div>
         </div>
     </div>
 
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./ai-powered-object-detection-vision-models.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">Object Detection: Revolutionizing Vision with AI Models</h3>
+                <a href="./video-analytics-anomaly-detection-manufacturing.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">Video Analytics: Detect Anomalies & Boost Manufacturing</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiRedCarsWhiteSquaresPedestrians.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiRailwaySubwayControlRoomAi.jpeg" alt="Image" />
             </div>
         </div>
     </div>
 
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./building-custom-ai-models-for-real-time-threat-detection-a-deep-dive-into-advanced-surveillance.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">Building Custom AI Models for Real-Time Threat Detection: Advanced Surveillance</h3>
+                <a href="./ai-safety-edge-vs-cloud.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">AI Safety: Edge vs Cloud - The Ultimate Guide</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiRealTimeThreatDetectionMonitor.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiEdgeVsCloudAiComparison.jpeg" alt="Image" />
             </div>
         </div>
     </div>
@@ -218,64 +218,77 @@ <h3 class="mb-0">Revolutionizing Emergency Response: AI-Driven Fire and Smoke De
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./ai-safety-edge-vs-cloud.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">AI Safety: Edge vs Cloud - The Ultimate Guide</h3>
+                <a href="./building-custom-ai-models-for-real-time-threat-detection-a-deep-dive-into-advanced-surveillance.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">Building Custom AI Models for Real-Time Threat Detection: Advanced Surveillance</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiEdgeVsCloudAiComparison.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiRealTimeThreatDetectionMonitor.jpeg" alt="Image" />
             </div>
         </div>
     </div>
 
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./video-analytics-anomaly-detection-manufacturing.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">Video Analytics: Detect Anomalies & Boost Manufacturing</h3>
+                <a href="./ai-powered-object-detection-vision-models.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">Object Detection: Revolutionizing Vision with AI Models</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiRailwaySubwayControlRoomAi.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiRedCarsWhiteSquaresPedestrians.jpeg" alt="Image" />
             </div>
         </div>
     </div>
 
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./ai-video-self-learning-workplace-safety.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">AI Video: Revolutionizing Workplace Safety with Self-Learning</h3>
+                <a href="./ai-video-monitoring-healthcare-security.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">AI Video Monitoring: Revolutionizing Healthcare Security</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiAsianManMonitoringAiIndustrialData.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiAiAssistedPatientMonitoring.jpeg" alt="Image" />
             </div>
         </div>
     </div>
 
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./computer-vision-model-accuracy.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">Computer Vision Accuracy: Boost Model Performance Now!</h3>
+                <a href="./edge-ai-scale-deploying-models-securade.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">Edge AI at Scale: Deploying AI Models with Securade</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiDataAnalysisCommunication.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiTechnicianAnalyzingAiData.jpeg" alt="Image" />
             </div>
         </div>
     </div>
 
     <div class="col-12">
         <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
             <div class="col p-4 d-flex flex-column position-static">
-                <a href="./computer-vision-augmentation-guide.html" class="icon-link gap-1 icon-link-hover stretched-link">
-                    <h3 class="mb-0">Computer Vision Augmentation: A Practical Guide for AI</h3>
+                <a href="./ai-object-tracking-marauders-map.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">AI Object Tracking: Build Your Own "Marauder's Map"</h3>
                 </a>
             </div>
             <div class="col-auto d-none d-lg-block">
-                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiComputerVisionAugmentationsCatLaptopIcons.jpeg" alt="Image" />
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiAntiqueMapOnTable.jpeg" alt="Image" />
+            </div>
+        </div>
+    </div>
+    
+    <div class="col-12">
+        <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
+            <div class="col p-4 d-flex flex-column position-static">
+                <a href="./computer-vision-measure-object-size.html" class="icon-link gap-1 icon-link-hover stretched-link">
+                    <h3 class="mb-0">Measure Object Size: Computer Vision Guide with Examples</h3>
+                </a>
+            </div>
+            <div class="col-auto d-none d-lg-block">
+                <img class="rounded" width="120" height="80" src="../../assets/images/blog/technology/securadeaiComputerVisionObjectMeasurementTableOfContents.jpeg" alt="Image" />
             </div>
         </div>
     </div>