Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
Kommentar vom Moderator masterG am 03.11.2010 um 19:37:06 Uhr
verschoben nach CSS
GELÖST

Bild aus dem Web in Originalgrösse auf A4 drucken

Frage Entwicklung CSS

Mitglied: marco1234

marco1234 (Level 1) - Jetzt verbinden

03.11.2010, aktualisiert 19:37 Uhr, 6091 Aufrufe, 11 Kommentare

Hallo!

Ich habe ein CD Cover erstellt, dessen Daten mit PHP automatisch generiert werden. Funktioniert alles einwandfrei.

Mein Problem ist jetzt einfach, dass das Bild beim Ausdrucken automatisch verkleinert wird. Wenn ich das generierte cover.jpg lokal mit einem Bildbearbeitungsprogramm öffne und drucke, habe ich genau meine benötigten Masse. Lasse ich das Bild im I-Net anzeigen (Grösse stimmt, egal welcher Browser) und wähle dann drucken, wird das Bild verkleinert und ist für mich somit unbrauchbar.

Was kann ich einstellen / programmieren, damit das Bild auch aus dem Web in Originalgrösse auf das A4 Blatt kommt?

Habe das das Bild auch schon von 72 DPI auf 500 DPI aufgestockt. Das Problem besteht aber trotzdem noch.

Danke und Gruss
Marco
Mitglied: brammer
03.11.2010 um 09:14 Uhr
Hallo,

wenn du das Bild mit einem Programmwie Irfan View öffnest, welche Bildgröße wird denn dort angezeigt ?

brammer
Bitte warten ..
Mitglied: nxclass
03.11.2010 um 10:18 Uhr
Du solltest ein extra CSS File zum Drucken anlegen - und dort ein Bild mit höherer Pixelzahl benutzen. ( CSS angaben in pt oder cm)
Oder gleich das große Bild nehmen und per HTML oder CSS für die Anzeige runter skalieren.

prüfe mal: ob eine höhere DPI Zahl erzeugt wird, wenn Du das Bild in einem anderen Format speicherst (PNG oder TIFF)

EDIT: http://de.selfhtml.org/css/formate/einbinden.htm#media
Bitte warten ..
Mitglied: Florian.Sauber
03.11.2010 um 15:03 Uhr
Hallo!

Zitat von marco1234:
Ich habe ein CD Cover erstellt, dessen Daten mit PHP automatisch generiert werden. Funktioniert alles einwandfrei. Mein Problem ist jetzt einfach, dass das Bild beim Ausdrucken automatisch verkleinert wird.

Druckst Du dabei das Bild aus, indem Du es vorher seperat anzeigen lässt, oder druckst Du Seite, in der das Bild eingebettet ist aus. Ausschnitte aus dem Sourcecode wären da hilfreich.

Von was für Auflösungen bzw. absoluter Pixelanzahl /pro Seitenverhältnis sprechen wir?

Ein seperates Sylesheet fürs Drucklayout gehört, wie nxclass schon schreibt, nicht nur zum guten Ton, sondern erlaubt, soweit dies mgl ist, Kontrolle über die Darstellung.

LG Florian
Bitte warten ..
Mitglied: marco1234
04.11.2010 um 08:18 Uhr
Hallo zusammen

Danke für eure schnellen Antworten.

Wenn ich das Bild mit einem Bildbearbeitungsprogramm (MS Picture Manager, IrfanViewer, Photoshop etc.) ist die Grösse 500 x 800 mit 500 DPI. So wie ich es eingerichtet habe.

Auf meiner Seite bzw. auf einer leeren Seite, wo nur das Bild ausgegeben wird, wird meine Cover Vorlage auch mit 500 x 800 dargestellt. Alles super!

Nur wenn ich jetzt im Browser auf Drucken... gehe bzw. per JavaScript drucke, wird meine Vorlage auf dem A4-Blatt verkleinert. Es werden ja auch automatisch Informationen, wie URL, Datum etc., aufs Blatt mitgedruckt. Das sollte aber nicht das Problem sein. Platz hätte es genug.

Wenn ich das Cover lokal ausdrucke ist es genau 13x13cm. Nach dem Ausdruck im I-Net nur noch 8.5x8.5 :-S

Vielleicht noch kurz zum Generieren des Covers. Ich habe eine Vorlage mit Photoshop erstellt. Die ganze .jpg-Datei ist 500 x 800 gross. In PHP nehme ich meine Werte und positioniere diese an den entsprechenden Orten auf dem Cover:

Beispiel:
01.
imagettftext($image,15, 0, 73, 125, $textcolor, $ttf, $producer); 
Ich muss es irgendwie schaffen, dass der Browser das Cover beim Drucken nicht verkleinert.

Ich habe übrigens ein print.css jedoch nichts für Bilder definiert.

>Du solltest ein extra CSS File zum Drucken anlegen - und dort ein Bild mit höherer Pixelzahl benutzen.

also im print.css einfach nochmals 500x800 für das Bild angeben?

01.
img#cd_cover { 
02.
  		width: 500px; 
03.
		height: 800px; 
04.
		}
thx and gr
marco
Bitte warten ..
Mitglied: nxclass
04.11.2010 um 10:23 Uhr
also im print.css einfach nochmals 500x800 für das Bild angeben?
Für den Drucker muss natürlich eine Maßeinheit genutzt werden welche auch eindeutig ist. zB. pt oder cm - mit Pixeln kann nur der Bildschirm gut umgehen.

01.
@media print { 
02.
    img#cd_cover { width: 13cm; height: 13cm; } 
03.
04.
@media screen { 
05.
    img#cd_cover { width: 500px; height: 800px; } 
06.
}
die Grösse 500 x 800 mit 500 DPI
Wenn ich das Cover lokal ausdrucke ist es genau 13x13cm. Nach dem Ausdruck im I-Net nur noch 8.5x8.5
.. da stimmt doch schon das Seitenverhältnis nicht !?

x: 500px / 500dpi = 1 inch = 2.54 cm
y: 800px / 500dpi = 1,6 inch = 4.06 cm
... also da müsste eigentlich was anderes raus kommen

EDIT:
In PHP nehme ich meine Werte und positioniere diese an den entsprechenden Orten auf dem Cover
ist das Bild dann immer noch 500dpi ? - wahrscheinlich nur 300dpi - dann könnte die Rechnung stimmen und die ca. 8cm rauskommen.
Bitte warten ..
Mitglied: marco1234
04.11.2010 um 11:22 Uhr
hi!

Danke für die Tipps!

Ja, hat funktioniert jedoch mit:

01.
img#cd_cover {  
02.
	width: 30cm; 
03.
	height: 48cm; }
Bitte warten ..
Mitglied: marco1234
05.11.2010 um 08:31 Uhr
weiss jemand von euch villeicht auch, wie man per JavaScript angeben kann, dass nur die Seite 2 gedruckt werden soll??
Bitte warten ..
Mitglied: nxclass
05.11.2010 um 10:19 Uhr
dass nur die Seite 2 gedruckt werden soll??
das wird wohl auch nur durch CSS gehen, indem Du in der print Version den Inhalt der ersten Seite unsichtbar machst.
01.
div.noprint { 
02.
    display: none; 
03.
04.
<!-- --> 
05.
<div class="noprint">Seite 1</div> 
06.
<div>Seite 2</div>
Bitte warten ..
Mitglied: marco1234
08.11.2010 um 10:12 Uhr
Geht leider nicht. Das Problem ist, dass das Cover zu gross ist und die Infozeilen verschiebt. Auf der 1. und 3. Seite steht nur ein Satz und auf der 2. ist mein Cover xD
Bitte warten ..
Mitglied: nxclass
08.11.2010 um 11:55 Uhr
Dann hilft evtl. nur eine absolute Positionierung der Elemente.
01.
div.image { 
02.
  position: absolute; 
03.
  z-index: 1; 
04.
  top: 1cm; 
05.
  left: 1cm; 
06.
}
... so dass die DIV Elemente sich überlagern können.

http://de.selfhtml.org/css/eigenschaften/positionierung.htm
Bitte warten ..
Mitglied: marco1234
12.11.2010 um 10:09 Uhr
Bringt mir leider nichts.... :-S

Hab's jetzt so gelöst:
Das Cover wird in einem separatem Fenster angezeigt. Im Fenster onload wird der Druck gestartet. Auf meiner Hauptseite habe ich dann einfach diese Seite beim Drucklink hinterlegt.

Aufruf:
01.
<a href="print_cover.php">
Druck:
01.
<style> 
02.
img#cover {  
03.
	width: 30cm; 
04.
	height: 48cm; }	 
05.
</style> 
06.
</head> 
07.
<body onload="print();"
08.
  <div id="print"
09.
	<img src="cover.jpg"  id="cover"/> 
10.
  </div> 
11.
</body>	
Danke für eure Hilfe!
Marco
Bitte warten ..
Ähnliche Inhalte
Linux Tools
Einfacher Web-Filemanager - gerne OpenSource (6)

Frage von Der-Phil zum Thema Linux Tools ...

Cloud-Dienste
WEB-Ordner als lokales Laufwerk mappen : IIS 7 mit WEBdav (6)

Frage von MeinGottWalter zum Thema Cloud-Dienste ...

Batch & Shell
PDF auf Email automatisiert über Netzwerk drucken (1)

Frage von Str33tfight3r zum Thema Batch & Shell ...

Neue Wissensbeiträge
Sicherheits-Tools

Sicherheitstest von Passwörtern für ganze DB-Tabellen

Tipp von gdconsult zum Thema Sicherheits-Tools ...

Peripheriegeräte

Was beachten bei der Wahl einer USV Anlage im Serverschrank

(6)

Tipp von zetboxit zum Thema Peripheriegeräte ...

Windows 10

Das Windows 10 Creators Update ist auf dem Weg

(6)

Anleitung von BassFishFox zum Thema Windows 10 ...

Administrator.de Feedback

Tipp: Ungelöste Fragen ohne Antwort in Tickeransicht farblich hinterlegen

Tipp von pattern zum Thema Administrator.de Feedback ...

Heiß diskutierte Inhalte
Windows Server
gelöst Update BackupExec 2015 auf 2016 führt zu SQL-Server Problem (16)

Frage von montylein1981 zum Thema Windows Server ...

Batch & Shell
gelöst Batch um Benutzer aus Sitzung abzumelden (15)

Frage von zeroblue2005 zum Thema Batch & Shell ...

Linux
gelöst Google Chrome startet nicht (12)

Frage von Thomas91 zum Thema Linux ...