#!/usr/bin/env python3
"""
Google Display Ad Generator - Angle B (성장 데이터)
Design Concept: #23 나이키 스타일
Nike-style: pure black, high contrast, powerful typography
"""
import os
import tempfile
from pathlib import Path
from playwright.sync_api import sync_playwright
from PIL import Image
OUTPUT_DIR = Path("/home/jay/workspace/output/google-ads/angle-B/production")
OUTPUT_DIR.mkdir(parents=True, exist_ok=True)
# ─────────────────────────────────────────────────────────────────────────────
# HTML Templates
# ─────────────────────────────────────────────────────────────────────────────
HTML_1200x628 = """
GROWTH DATA 2024
GROWTH
판을 바꾸는 전략
매출 1,863% 성장
482명 → 5,500명
"""
HTML_1200x1200 = """
GROWTH
2024 DATA
GROWTH
판을 바꾸는 전략
482명 → 5,500명
"""
# Render at 600x500 then resize to 300x250
HTML_600x500 = """
GROWTH
1,863%
매출 성장
T.O.P
482명 → 5,500명
지금 지원하기 →
"""
# ─────────────────────────────────────────────────────────────────────────────
# Rendering
# ─────────────────────────────────────────────────────────────────────────────
def render_html_to_png(html_content: str, width: int, height: int, output_path: Path):
"""Render HTML string to PNG using Playwright."""
with tempfile.NamedTemporaryFile(suffix=".html", mode="w", encoding="utf-8", delete=False) as f:
f.write(html_content)
tmp_path = f.name
try:
with sync_playwright() as p:
browser = p.chromium.launch()
page = browser.new_page(viewport={"width": width, "height": height})
page.goto(f"file://{tmp_path}")
# Wait for Google Fonts to load
page.wait_for_timeout(2500)
page.screenshot(path=str(output_path), clip={"x": 0, "y": 0, "width": width, "height": height})
browser.close()
finally:
os.unlink(tmp_path)
print(f" Saved: {output_path} ({width}x{height})")
def resize_with_pil(src: Path, dst: Path, width: int, height: int):
"""Resize PNG with PIL using high-quality Lanczos."""
img = Image.open(src)
img = img.resize((width, height), Image.LANCZOS)
img.save(dst, "PNG", optimize=True)
print(f" Resized → {dst} ({width}x{height})")
# ─────────────────────────────────────────────────────────────────────────────
# Main
# ─────────────────────────────────────────────────────────────────────────────
def main():
print("\n=== Google Display Ads – Angle B (성장 데이터) ===")
print("Design: #23 나이키 스타일\n")
# 1. 1200x628 landscape
print("[1/3] Rendering 1200x628...")
render_html_to_png(
HTML_1200x628,
width=1200,
height=628,
output_path=OUTPUT_DIR / "display-1200x628.png",
)
# 2. 1200x1200 square
print("[2/3] Rendering 1200x1200...")
render_html_to_png(
HTML_1200x1200,
width=1200,
height=1200,
output_path=OUTPUT_DIR / "display-1200x1200.png",
)
# 3. 300x250 — render at 600x500 then resize
print("[3/3] Rendering 300x250 (via 600x500)...")
tmp_600 = OUTPUT_DIR / "_tmp_600x500.png"
render_html_to_png(
HTML_600x500,
width=600,
height=500,
output_path=tmp_600,
)
resize_with_pil(
src=tmp_600,
dst=OUTPUT_DIR / "display-300x250.png",
width=300,
height=250,
)
tmp_600.unlink()
print("\nAll ads generated successfully!")
for f in sorted(OUTPUT_DIR.glob("display-*.png")):
size = f.stat().st_size // 1024
print(f" {f.name} ({size} KB)")
if __name__ == "__main__":
main()