asset-collection

Asset Collection Skill

Applicable Scenarios

• Asset preparation for image-text display videos
• Logo and people photo collection for company introduction videos
• Background image and scene image collection for product promotional videos

Royalty-Free Image Sources

Recommended Websites

Website	URL	Features	License
Unsplash	unsplash.com	High-quality photography, clear categorization	Free for commercial use, no attribution required
Pexels	pexels.com	Photography + video, powerful search	Free for commercial use, no attribution required
Pixabay	pixabay.com	Illustrations + photos + vectors	Free for commercial use, no attribution required
Wikipedia	wikipedia.org	People photos, company logos	Check specific license
Official newsroom	Various company official websites	Official product images, executive photos	Only for related coverage

URL Construction Techniques

Unsplash Direct Download:

https://images.unsplash.com/photo-{ID}?w={宽度}&q={质量}

示例:
https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1920&q=80

Wikipedia Images:

https://upload.wikimedia.org/wikipedia/commons/thumb/{路径}/{尺寸}px-{文件名}

示例:
https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Nvidia_logo.svg/400px-Nvidia_logo.svg.png

Asset Specification Requirements

Image Dimensions

Purpose	Minimum Requirement	Recommended Specification	Format
Video background	1920×1080	2560×1440	JPG (q=80+)
Logo	400×400	800×800	PNG (transparent background)
People photos	800×800	1200×1200	JPG/PNG
Product images	1000×1000	1500×1500	PNG (transparent background preferred)
Icons	256×256	512×512	PNG/SVG

Quality Check

Verify after download:

# 检查图片尺寸
file image.jpg
# 或
identify image.jpg  # 需要 ImageMagick

# 检查文件大小 (背景图应 > 200KB)
ls -lh image.jpg

Asset Download Script

Single Download

# 基本下载
curl -L "URL" -o output.jpg

# 带超时和重试
curl -L --connect-timeout 30 --retry 3 "URL" -o output.jpg

# 批量下载 (使用循环)
urls=(
  "https://images.unsplash.com/photo-1?w=1920&q=80"
  "https://images.unsplash.com/photo-2?w=1920&q=80"
)
for i in "${!urls[@]}"; do
  curl -L "${urls[$i]}" -o "image_$i.jpg"
done

Asset Collection Script Template

#!/bin/bash
# collect_assets.sh - 素材收集脚本

set -e

PROJECT_DIR="$(dirname "$0")/.."
IMAGES_DIR="$PROJECT_DIR/public/images"

# 创建目录结构
mkdir -p "$IMAGES_DIR"/{logos,backgrounds,photos,icons}

echo "开始收集素材..."

# Logo
echo "  下载 Logo..."
curl -sL "https://upload.wikimedia.org/xxx/logo.png" \
  -o "$IMAGES_DIR/logos/company_logo.png"

# 背景图
echo "  下载背景图..."
curl -sL "https://images.unsplash.com/photo-xxx?w=1920&q=80" \
  -o "$IMAGES_DIR/backgrounds/bg_01.jpg"

# 验证下载
echo ""
echo "素材验证:"
for f in "$IMAGES_DIR"/**/*; do
  if [ -f "$f" ]; then
    size=$(ls -lh "$f" | awk '{print $5}')
    echo "  ✓ $(basename "$f") - $size"
  fi
done

echo ""
echo "素材收集完成!"

Asset Search Strategy

Search Keywords by Scene

Scene	English Keywords	Chinese Alternatives
Data center	data center, server room, cloud computing	服务器机房
AI/artificial intelligence	artificial intelligence, machine learning, neural network	人工智能
Chip/semiconductor	chip, semiconductor, circuit board, processor	芯片 电路板
Tech feel	technology, futuristic, digital, cyber	科技 数字
Office/business	office, business, meeting, teamwork	办公室 商务
Startup/garage	startup, garage, entrepreneur	创业

Search Tips

1. Use English for searching - more and better results
2. Add color words - "blue technology", "green energy"
3. Add style words - "minimal", "abstract", "realistic"
4. Exclude interference - "-people" excludes people

Asset Organization Standards

Directory Structure

public/images/
├── logos/              # Logo 和品牌标识
│   ├── company_logo.png
│   └── product_logo.svg
├── backgrounds/        # 背景图
│   ├── scene_01_bg.jpg
│   ├── scene_02_bg.jpg
│   └── gradient_overlay.png
├── photos/             # 人物、产品照片
│   ├── founder.jpg
│   ├── product_shot.jpg
│   └── team.jpg
├── icons/              # 图标素材
│   ├── feature_01.png
│   └── feature_02.png
└── assets.json         # 素材清单 (可选)

Naming Convention

{用途}_{序号}_{描述}.{格式}

示例:
bg_01_datacenter.jpg     # 背景图 #1 - 数据中心
logo_nvidia.png          # NVIDIA Logo
photo_jensen_huang.jpg   # 黄仁勋照片
icon_gpu.png             # GPU 图标

Asset List (assets.json)

{
  "project": "NVIDIA History Video",
  "collected_at": "2024-01-25",
  "assets": [
    {
      "file": "logos/nvidia_logo.png",
      "source": "Wikipedia",
      "license": "Public Domain",
      "size": "400x400"
    },
    {
      "file": "backgrounds/datacenter.jpg",
      "source": "Unsplash",
      "license": "Unsplash License",
      "size": "1920x1080",
      "author": "Taylor Vick"
    }
  ]
}

Special Asset Processing

Logo Background Removal

If the Logo has a white background:

# 使用 ImageMagick 去除白色背景
convert logo.jpg -fuzz 10% -transparent white logo.png

Image Resizing

# 缩放到指定宽度，保持比例
convert input.jpg -resize 1920x output.jpg

# 裁剪为指定尺寸
convert input.jpg -resize 1920x1080^ -gravity center -extent 1920x1080 output.jpg

Image Optimization

# JPEG 质量优化 (需要 jpegoptim)
jpegoptim --max=85 image.jpg

# PNG 优化 (需要 pngquant)
pngquant --quality=65-80 image.png

Copyright Notes

Can be used

• Unsplash/Pexels/Pixabay images (free for commercial use)
• Images marked as Public Domain or CC0 on Wikipedia
• Media assets provided by company official newsrooms (for related coverage)

Use with caution

• Images marked as CC BY-SA on Wikipedia (attribution required)
• Images found by search engines (unknown source)
• Images from social media (complex copyright)

Prohibited

• Images with clear copyright notices
• Preview images from paid stock photo sites such as Getty Images, Shutterstock, etc.
• Others' works (unauthorized)

Frequently Asked Questions

Problem	Solution
Download timeout	Increase the --max-time 120 parameter
Image too small	Adjust the w= parameter in the URL
Logo has a background	Use ImageMagick to remove the background
Cannot find suitable images	Try different keyword combinations
Image is blurry	Choose a higher-resolution version