תמונה כרקע לאובייקט

לא ניתן
אם את מגדירה את התמונה כרקע – הוא בהכרח מוצגת בגודל המקורי שלה. ואז אם האובייקט עצמו קטן ממנה – היא תחתך (ולא תתכווץ).

פתרון פחות קלאסי הוא למקם את התמונה בתג img רגיל, ומעליו לשים שיכבה עם המלל. ניתן לקבוע מי יהיה מעל מי באמצעות המאפיין z-index ב-css.

לגבי פורמטרים – gif+jpg מקבלים תמיכה הכי רחבה, נראה לי שגם bmp לא יעשה בעיות, אבל יש לשים לב שאקספלורר 6 ומטה לא תומך בשקיפות ב-png. יש כל מיני סקריפטים לתיקון, אבל התמיכה היא לא טבעית.

position ו-z-index..
קרא על  position ו-z-index..
דוגמא קטנה:

div style="position:absolute;left:50%;top:50; z-index:1">bbbbb</div>

הleft והtop הם ביחס לקצה השמאלי למעלה של המסך.
שחק עם זה קצת..

לא מחייב
דוגמא ללינק על תמונה:

<div style="width: 100px; height: 100px; left: 10px; position: relative; top: 10px;"><img src="pic.jpg" />
        <div style="width: 100px; height: 100px; z-index: 5; left: 10px; position: absolute; top: 10px;"><a href="page.htm">link</a>
        </div>
    </div>

אבל כמו שאמר השפוי האחרון זה לא פתרון קלאסי, ולכן עדיף להתאים את התמונה לגודל שאת צריכה..

אממ..
הבעיה העיקרית שאני נתקלתי בה היא ברזולוציות השונות – אפשר להתגבר עליה אבל זה קצת כאב ראש.
דבר נוסף, אם אין לך עורך כלשהו – למצוא את הקורדינטות המתאימות לוקח זמן.
אם אין פיתרון אחר, זה פיתרון טוב..